home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2013 July / PCgo_CD_v2_13_07.iso / nw.pak / Unnamed File 000663.txt < prev    next >
Encoding:
Text File  |  2012-12-14  |  82.4 KB  |  3,556 lines
  1. /* dialog.css */
  2.  
  3. .dialog-glass-pane {
  4.     position: absolute;
  5.     top: 0;
  6.     bottom: 0;
  7.     left: 0;
  8.     right: 0;
  9.     z-index: 1900;
  10. }
  11.  
  12. .dialog {
  13.     position: absolute;
  14.     
  15.     padding: 10px;
  16.     border-radius: 10px;
  17.     border: 1px solid gray;
  18.  
  19.     -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px;
  20.     
  21.     display: -webkit-box;
  22.     -webkit-box-orient: vertical;
  23.     
  24.     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF));
  25.     font-size: 11px;
  26.     font-family: 'Lucida Grande', sans-serif;
  27. }
  28.  
  29. .dialog-contents {
  30.     width: 100%;
  31.     height: 100%;
  32.  
  33.     font-size: 11px;
  34.     font-family: 'Lucida Grande', sans-serif;
  35. }
  36.  
  37. .go-to-line-dialog input {
  38.     font-size: 11px;
  39. }
  40.  
  41. .go-to-line-dialog button {
  42.     font-size: 11px;
  43.     color: rgb(6, 6, 6);
  44.     border: 1px solid rgb(165, 165, 165);
  45.     background-color: rgb(237, 237, 237);
  46.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  47.     -webkit-border-radius: 12px;
  48.     -webkit-appearance: none;
  49.  
  50.     padding: 3px 20px;
  51.     margin: 0 0 0 10px;
  52. }
  53.  
  54. .go-to-line-dialog button:active {
  55.     background-color: rgb(215, 215, 215);
  56.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
  57. }
  58.  
  59. /* inspector.css */
  60.  
  61. /*
  62.  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  63.  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  64.  *
  65.  * Redistribution and use in source and binary forms, with or without
  66.  * modification, are permitted provided that the following conditions
  67.  * are met:
  68.  *
  69.  * 1.  Redistributions of source code must retain the above copyright
  70.  *     notice, this list of conditions and the following disclaimer.
  71.  * 2.  Redistributions in binary form must reproduce the above copyright
  72.  *     notice, this list of conditions and the following disclaimer in the
  73.  *     documentation and/or other materials provided with the distribution.
  74.  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  75.  *     its contributors may be used to endorse or promote products derived
  76.  *     from this software without specific prior written permission.
  77.  *
  78.  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  79.  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  80.  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  81.  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  82.  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  83.  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  84.  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  85.  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  86.  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  87.  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  88.  */
  89.  
  90. input[type="search"]:focus, input[type="text"]:focus {
  91.     outline: auto 5px -webkit-focus-ring-color;
  92. }
  93.  
  94. .fill {
  95.     position: absolute;
  96.     top: 0;
  97.     left: 0;
  98.     right: 0;
  99.     bottom: 0;
  100. }
  101.  
  102. .hidden {
  103.     display: none;
  104. }
  105.  
  106. .nowrap {
  107.     white-space: nowrap !important;
  108. }
  109.  
  110. #toolbar {
  111.     position: absolute;
  112.     top: 0;
  113.     left: 0;
  114.     right: 0;
  115.     height: 56px;
  116.     padding: 0 5px;
  117.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
  118.     border-bottom: 1px solid rgb(80, 80, 80);
  119.     -webkit-box-orient: horizontal;
  120.     -webkit-background-origin: padding;
  121.     -webkit-background-clip: padding;
  122. }
  123.  
  124. body.inactive #toolbar {
  125.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
  126.     border-bottom: 1px solid rgb(64%, 64%, 64%);
  127. }
  128.  
  129. body.undocked.platform-mac-leopard #toolbar,
  130. body.undocked.platform-mac-snowleopard #toolbar {
  131.     background: transparent;
  132. }
  133.  
  134. body.compact #toolbar {
  135.     height: 34px;
  136.     border-top: 1px solid rgb(100, 100, 100);
  137.     cursor: ns-resize;
  138.     padding-left: 0;
  139. }
  140.  
  141. body.compact.port-qt #toolbar {
  142.     cursor: auto;
  143. }
  144.  
  145. body.compact.inactive #toolbar {
  146.     border-top: 1px solid rgb(64%, 64%, 64%);
  147. }
  148.  
  149. .toolbar-item {
  150.     margin: 0;
  151.     padding: 0 6px;
  152.     background-color: transparent;
  153.     border-style: none;
  154.     border-color: transparent;
  155. }
  156.  
  157. .toolbar-item.toggleable {
  158.     padding-top: 4px;
  159.     padding-bottom: 4px;
  160. }
  161.  
  162. body.compact .toolbar-item.toggleable {
  163.   margin: 1px 0;
  164.   padding-bottom: 2px;
  165. }
  166.  
  167. .toolbar-item.toggleable.toggled-on {
  168.     border-width: 0 2px 0 2px;
  169.     padding-left: 4px;
  170.     padding-right: 4px;
  171.     -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
  172. }
  173.  
  174. .toolbar-icon {
  175.     display: inline-block;
  176.     width: 32px;
  177.     height: 32px;
  178.     background-image: url(Images/toolbarIcons.png);
  179.     vertical-align: top;
  180. }
  181.  
  182. body.compact .toolbar-icon {
  183.     width: 24px;
  184.     height: 24px;
  185.     vertical-align: middle;
  186.     background-image: url(Images/toolbarIconsSmall.png);
  187. }
  188.  
  189. body.compact .toolbar-icon.custom-toolbar-icon {
  190.     background-position-x: -32px;
  191. }
  192.  
  193. .toolbar-item:active .toolbar-icon {
  194.     background-position-y: 32px;
  195. }
  196.  
  197. body.compact .toolbar-item:active .toolbar-icon {
  198.     background-position-y: 24px;
  199. }
  200.  
  201. .toolbar-label {
  202.     line-height: 15px;
  203.     font-size: 11px;
  204.     font-family: Lucida Grande, sans-serif;
  205.     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  206.     position: relative;
  207.     top: 1px;
  208. }
  209.  
  210. .toolbar-item.toggleable:active .toolbar-label {
  211.     text-shadow: none;
  212. }
  213.  
  214. body.compact .toolbar-label {
  215.     display: inline-block;
  216.     margin-left: 3px;
  217.     top: 0;
  218. }
  219.  
  220. body.compact #search-toolbar-label {
  221.     display: none;
  222. }
  223.  
  224. #toolbar-controls {
  225.     float: right;
  226.     display: -webkit-box;
  227.     -webkit-box-align: center;
  228.     height: 100%;
  229. }
  230.  
  231. #toolbar-dropdown-arrow {
  232.     font-size: 14px;
  233.     font-weight: bold;
  234.     border: 0;
  235.     background-color: transparent;
  236.     -webkit-border-radius: 5px;
  237.     text-shadow: none;
  238.     margin: 0;
  239.     position: relative;
  240.     top: 1px;
  241.  
  242.     /* A line height of 0 allows precise text positioning using padding. */
  243.     line-height: 0;
  244.     padding: 9px 6px 11px;
  245. }
  246.  
  247. #toolbar-dropdown-arrow.dropdown-visible {
  248.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0.9)), to(rgba(231, 231, 231, 0.9)));
  249. }
  250.  
  251. #toolbar-dropdown-arrow:hover {
  252.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5)));
  253. }
  254.  
  255. #toolbar-dropdown-arrow:active {
  256.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8)));
  257. }
  258.  
  259. #toolbar-dropdown {
  260.     position: absolute;
  261.     z-index: 1000;
  262.     -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
  263.     border: 1px solid rgb(128, 128, 128);
  264.     padding: 4px;
  265.     background-color: inherit;
  266.     background-image: inherit;
  267. }
  268.  
  269. body.undocked.platform-mac-leopard #toolbar-dropdown,
  270. body.undocked.platform-mac-snowleopard #toolbar-dropdown {
  271.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
  272. }
  273.  
  274. #toolbar-dropdown .scrollable-content {
  275.     display: -webkit-box;
  276.     -webkit-box-orient: vertical;
  277.     -webkit-box-align: start;
  278. }
  279.  
  280. #toolbar-dropdown .toolbar-item {
  281.     display: -webkit-box;
  282.     -webkit-box-orient: horizontal;
  283.     margin: 0px 2px;
  284.     padding: 4px;
  285.     width: 100%;
  286.     border: 1px solid rgba(0, 0, 0, 0);
  287. }
  288.  
  289. #toolbar-dropdown .toolbar-item.toggleable.toggled-on {
  290.     border: 1px solid rgba(100, 100, 120, 0.4);
  291.     -webkit-border-image: none;
  292.     background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.6)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.2)));
  293. }
  294.  
  295. #toolbar-dropdown .toolbar-item:hover {
  296.     -webkit-border-image: none;
  297.     border: 1px solid rgba(100, 100, 120, 0.8);
  298. }
  299.  
  300. #toolbar-dropdown .toolbar-item.toggleable.toggled-on:hover {
  301.     border: 1px solid rgba(100, 100, 120, 1);
  302. }
  303.  
  304. #toolbar-dropdown .toolbar-icon {
  305.     margin-right: 0.5em;
  306. }
  307.  
  308. #toolbar-dropdown .toolbar-label {
  309.     line-height: 32px;
  310.     top: 0;
  311. }
  312.  
  313. .scrollable-content {
  314.     position: static;
  315.     height: 100%;
  316.     overflow-y: auto;
  317.     width: 100%;
  318.     margin-right: 12px;
  319.     padding-right: 3px;
  320. }
  321.  
  322. .scrollable-content::-webkit-scrollbar {
  323.     width: 11px;
  324. }
  325.  
  326. .scrollable-content::-webkit-scrollbar-corner,
  327. .scrollable-content::-webkit-resizer {
  328.     display: none;
  329. }
  330.  
  331. .scrollable-content::-webkit-scrollbar-thumb:vertical {
  332.     background: -webkit-gradient(linear, left top, right top, from(rgb(192, 192, 192)), to(rgb(192, 192, 192)), color-stop(40%, rgb(214, 214, 214)));
  333.     border-radius: 5px;
  334.     min-height: 20px;
  335. }
  336.  
  337. .scrollable-content::-webkit-scrollbar-thumb:vertical:hover,
  338. .scrollable-content::-webkit-scrollbar-thumb:vertical:active {
  339.     background: -webkit-gradient(linear, left top, right top, from(rgb(230, 230, 230)), to(rgb(230, 230, 230)), color-stop(40%, rgb(252, 252, 252)));
  340. }
  341.  
  342. .scrollable-content::-webkit-scrollbar-track:vertical {
  343.     background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(164, 164, 164)), color-stop(25%, rgb(164, 164, 164)));
  344.     border-radius: 5px;
  345. }
  346.  
  347. .search-replace {
  348.     -webkit-appearance: none;
  349.     border: 0;
  350.     padding: 0 2px;
  351.     margin: 0;
  352.     width: 165px;
  353. }
  354.  
  355. .filter {
  356.     -webkit-appearance: none;
  357.     border: 0;
  358.     padding: 0 2px;
  359.     margin: 0;
  360.     width: 251px;
  361. }
  362.  
  363. .search-replace:focus {
  364.     outline: none;
  365. }
  366.  
  367. .toolbar-search {
  368.     border-spacing: 1px;
  369. }
  370.  
  371. .toolbar-search td {
  372.     padding: 0 5px 0 0;
  373. }
  374.  
  375. .toolbar-search-navigation-controls {
  376.     position: absolute;
  377.     top: 0;
  378.     right: 0;
  379.     height: 18px;
  380.     background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
  381. }
  382.  
  383. .toolbar-search-navigation {
  384.     display: inline-block;
  385.     width: 18px;
  386.     height: 18px;
  387.     background-repeat: no-repeat;
  388.     background-position: 4px 7px;
  389.     border-left: 1px solid rgb(170, 170, 170);
  390.     opacity: 0.3;
  391. }
  392.  
  393. .toolbar-search-navigation.enabled {
  394.     opacity: 1.0;
  395. }
  396.  
  397. .toolbar-search input[type="checkbox"] {
  398.     position: relative;
  399.     margin-top: -1px;
  400.     margin-left: 15px;
  401.     top: 2px;
  402. }
  403.  
  404. .toolbar-search button {
  405.     border: 1px solid rgb(163, 163, 163);
  406.     border-radius: 8px;
  407.     margin: 0 0px;
  408.     font-size: 11px;
  409.     background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
  410.     width: 100%;
  411. }
  412.  
  413. .toolbar-search button:active {
  414.     background-image: -webkit-linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
  415. }
  416.  
  417. .toolbar-search-control {
  418.     display: inline-block;
  419.     position: relative;
  420.     background-color: white;
  421.     border: 1px solid rgb(163, 163, 163);
  422.     height: 20px;
  423.     border-radius: 2px;
  424.     padding-top: 1px;
  425. }
  426.  
  427. .toolbar-replace-control {
  428.     border: 1px solid rgb(163, 163, 163);
  429.     height: 20px;
  430.     border-radius: 2px;
  431.     width: 100%;
  432. }
  433.  
  434. .toolbar-search-navigation.enabled:active {
  435.     background-position: 4px 7px, 0px 0px;
  436. }
  437.  
  438. .toolbar-search-navigation.toolbar-search-navigation-prev {
  439.     background-image: url(Images/searchPrev.png);
  440.     border-left: 1px solid rgb(163, 163, 163);
  441. }
  442.  
  443. .toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active {
  444.     background-image: url(Images/searchPrev.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
  445. }
  446.  
  447. .toolbar-search-navigation.toolbar-search-navigation-next {
  448.     background-image: url(Images/searchNext.png);
  449.     border-left: 1px solid rgb(230, 230, 230);
  450. }
  451.  
  452. .toolbar-search-navigation.toolbar-search-navigation-next.enabled:active {
  453.     background-image: url(Images/searchNext.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
  454. }
  455.  
  456. .search-results-matches {
  457.     display: inline-block;
  458.     min-width: 50px;
  459.     min-height: 10px;
  460.     margin-right: 36px;
  461.     text-align: right;
  462.     font-size: 11px;
  463.     padding: 0 4px;
  464.     color: rgb(165, 165, 165);
  465. }
  466.  
  467. .toolbar-item.elements .toolbar-icon {
  468.     background-position-x: 0;
  469. }
  470.  
  471. .toolbar-item.resources .toolbar-icon {
  472.     background-position-x: -32px;
  473. }
  474.  
  475. body.compact .toolbar-item.resources .toolbar-icon {
  476.     background-position-x: -24px;
  477. }
  478.  
  479. .toolbar-item.network .toolbar-icon {
  480.     background-position-x: -64px;
  481. }
  482.  
  483. body.compact .toolbar-item.network .toolbar-icon {
  484.     background-position-x: -48px;
  485. }
  486.  
  487. .toolbar-item.scripts .toolbar-icon {
  488.     background-position-x: -96px;
  489. }
  490.  
  491. body.compact .toolbar-item.scripts .toolbar-icon {
  492.     background-position-x: -72px;
  493. }
  494.  
  495. .toolbar-item.timeline .toolbar-icon {
  496.     background-position-x: -128px;
  497. }
  498.  
  499. body.compact .toolbar-item.timeline .toolbar-icon {
  500.     background-position-x: -96px;
  501. }
  502.  
  503. .toolbar-item.profiles .toolbar-icon {
  504.     background-position-x: -160px;
  505. }
  506.  
  507. body.compact .toolbar-item.profiles .toolbar-icon {
  508.     background-position-x: -120px;
  509. }
  510.  
  511. .toolbar-item.audits .toolbar-icon {
  512.     background-position-x: -192px;
  513. }
  514.  
  515. body.compact .toolbar-item.audits .toolbar-icon {
  516.     background-position-x: -144px;
  517. }
  518.  
  519. .toolbar-item.console .toolbar-icon {
  520.     background-position-x: -224px;
  521. }
  522.  
  523. body.compact .toolbar-item.console .toolbar-icon {
  524.     background-position-x: -168px;
  525. }
  526.  
  527. #close-button-left, #close-button-right {
  528.     width: 14px;
  529.     height: 14px;
  530.     background-image: url(Images/closeButtons.png);
  531.     background-position: 0 0;
  532.     background-color: transparent;
  533.     border: 0 none transparent;
  534.     padding: 0;
  535. }
  536.  
  537. #close-button-left:hover, #close-button-right:hover {
  538.     background-position: 14px 0;
  539. }
  540.  
  541. #close-button-left:active, #close-button-right:active {
  542.     background-position: 28px 0;
  543. }
  544.  
  545. .close-left {
  546.     float: left;
  547. }
  548.  
  549. body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right {
  550.     display: none;
  551. }
  552.  
  553. body.compact.port-qt .toolbar-item.close-left, body.compact.port-qt .toolbar-item.close-right {
  554.     display: none;
  555. }
  556.  
  557. body.platform-mac .toolbar-item.close-right {
  558.     display: none;
  559. }
  560.  
  561. body.remote .toolbar-item.close-left, body.remote .toolbar-item.close-right {
  562.     display: none;
  563. }
  564.  
  565. body:not(.platform-mac) .toolbar-item.close-left {
  566.     display: none;
  567. }
  568.  
  569. .toolbar-item.close-left {
  570.   display: -webkit-box;
  571.   -webkit-box-align: center;
  572.   height: 100%;
  573. }
  574.  
  575. #main {
  576.     position: absolute;
  577.     z-index: 1;
  578.     top: 56px;
  579.     left: 0;
  580.     right: 0;
  581.     bottom: 0;
  582.     overflow: hidden;
  583.     background-color: white;
  584. }
  585.  
  586. body.compact #main {
  587.     top: 34px;
  588. }
  589.  
  590. #main-panels {
  591.     position: absolute;
  592.     top: 0;
  593.     left: 0;
  594.     right: 0;
  595.     bottom: 23px;
  596.     overflow: hidden;
  597. }
  598.  
  599. body.drawer-visible #main-panels {
  600.     bottom: 24px;
  601. }
  602.  
  603. #main-status-bar {
  604.     position: absolute;
  605.     bottom: 0;
  606.     left: 0;
  607.     right: 0;
  608. }
  609.  
  610. .status-bar {
  611.     white-space: nowrap;
  612.     height: 23px;
  613.     overflow: hidden;
  614.     z-index: 12;
  615.     background-image: -webkit-linear-gradient(rgb(253,253,253), rgb(230,230,230) 75%, rgb(230,230,230));
  616.     border-top: 1px solid rgb(202, 202, 202);
  617.     display: -webkit-flex;
  618. }
  619.  
  620. .status-bar > div {
  621.     display: inline-block;
  622.     vertical-align: top;
  623.     overflow: visible;
  624. }
  625.  
  626. .status-bar-item {
  627.     display: inline-block;
  628.     pointer-events: auto;
  629.     cursor: default;
  630.     height: 24px;
  631.     padding: 0;
  632.     margin-left: -1px;
  633.     margin-right: 0;
  634.     vertical-align: top;
  635.     border: 0 transparent none;
  636.     background-color: transparent;
  637. }
  638.  
  639. #floating-status-bar-container {
  640.     position: absolute;
  641.     left: 0;
  642.     right: 0;
  643.     bottom: 0;
  644.     display: none;
  645.     border-bottom: 1px solid rgb(202, 202, 202);
  646.     cursor: ns-resize;
  647.     height: 24px;
  648. }
  649.  
  650. body.drawer-visible #floating-status-bar-container {
  651.     display: -webkit-flex;
  652. }
  653.  
  654. #floating-status-bar-resizer {
  655.     content: url(Images/statusbarResizerVertical.png);
  656.     margin-top: 7px;
  657.     pointer-events: none;
  658.     height: 8px;
  659. }
  660.  
  661. #panel-status-bar {
  662.     -webkit-flex: 1 0;
  663.     display: -webkit-flex;
  664.     pointer-events: none;
  665. }
  666.  
  667. #panel-status-bar > div {
  668.     width: 100%;
  669. }
  670.  
  671. .status-bar-item:active {
  672.     position: relative;
  673.     z-index: 200;
  674. }
  675.  
  676. .glyph {
  677.     position: absolute;
  678.     top: -1px;
  679.     bottom: 1px;
  680.     left: 0;
  681.     right: 0;
  682.     background-color: rgba(0, 0, 0, 0.75);
  683.     z-index: 1;
  684. }
  685.  
  686. .glyph.shadow {
  687.     top: 0;
  688.     bottom: 0;
  689.     background-color: white !important;
  690.     z-index: 0;
  691. }
  692.  
  693. .long-click-glyph {
  694.     background-color: rgba(0, 0, 0, 0.75);
  695.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  696.     -webkit-mask-position: -288px -48px;
  697.     -webkit-mask-size: 320px 72px;
  698.     z-index: 1;
  699. }
  700.  
  701. @media (-webkit-min-device-pixel-ratio: 1.5) {
  702. .long-click-glyph {
  703.     -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
  704. }
  705. }
  706.  
  707. .long-click-glyph.shadow {
  708.     top: 1px;
  709.     background-color: white !important;
  710.     z-index: 0;
  711. }
  712.  
  713. button.status-bar-item {
  714.     position: relative;
  715.     width: 32px;
  716.     border-left: 1px solid rgb(202, 202, 202);
  717.     border-right: 1px solid rgb(202, 202, 202);
  718. }
  719.  
  720. .status-bar button.status-bar-item .glyph {
  721.     margin: 0 -1px;
  722. }
  723.  
  724. .status-bar select.status-bar-item:active,
  725. .status-bar button.status-bar-item:active {
  726.     background-color: rgb(163,163,163);
  727.     border-left: 1px solid rgb(120, 120, 120);
  728.     border-right: 1px solid rgb(120, 120, 120);
  729. }
  730.  
  731. button.status-bar-item .glyph.shadow {
  732.     background-color: rgba(255, 255, 255, 0.33) !important;
  733. }
  734.  
  735. button.status-bar-item.toggled-on .glyph {
  736.     background-color: rgb(66, 129, 235);
  737. }
  738.  
  739. button.status-bar-item:disabled {
  740.     opacity: 0.5;
  741.     background-position: 0 0 !important;
  742. }
  743.  
  744. button.status-bar-item.extension {
  745.     background-image: none;
  746.     background-color: auto;
  747. }
  748.  
  749. .status-bar-select-container {
  750.     display: inline-block;
  751.     background-image: url(Images/disclosureTriangleSmallDown.png);
  752.     background-repeat: no-repeat;
  753.     background-position-x: right;
  754.     background-position-y: 5px;
  755.     padding-right: 10px;
  756.     border-right: 5px solid transparent;
  757. }
  758.  
  759. select.status-bar-item {
  760.     min-width: 48px;
  761.     font-weight: bold;
  762.     color: rgb(48, 48, 48);
  763.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  764.     -webkit-appearance: none;
  765.     border: 0;
  766.     border-radius: 0;
  767.     padding: 0 15px 0 5px;
  768.     margin-right: -15px;
  769.     position: relative;
  770.     top: -1px;
  771.     height: 23px;
  772. }
  773.  
  774. select.status-bar-item, select.status-bar-item:hover {
  775.     border-left: 1px solid rgb(202, 202, 202);
  776.     border-right: 1px solid rgb(202, 202, 202);
  777. }
  778.  
  779. .status-bar-item > .glyph {
  780.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  781.     -webkit-mask-size: 320px 72px;
  782. }
  783.  
  784. @media (-webkit-min-device-pixel-ratio: 1.5) {
  785. .status-bar-item > .glyph {
  786.     -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
  787. }
  788. }
  789.  
  790. button.dock-status-bar-item.status-bar-item.toggled-undock .glyph {
  791.     -webkit-mask-position: 0 -48px;
  792. }
  793.  
  794. button.dock-status-bar-item.status-bar-item.toggled-bottom .glyph {
  795.     -webkit-mask-position: -32px -24px;
  796.     background-color: rgba(0, 0, 0, 0.75);
  797. }
  798.  
  799. button.dock-status-bar-item.status-bar-item.toggled-right .glyph {
  800.     -webkit-mask-position: -256px -48px;
  801.     background-color: rgba(0, 0, 0, 0.75);
  802. }
  803.  
  804. body.detached .alternate-status-bar-buttons-bar {
  805.     margin-left: 1px;
  806. }
  807.  
  808. .alternate-status-bar-buttons-bar {
  809.     position: absolute;
  810.     width: 31px;
  811.     bottom: -3px;
  812.     background: white;
  813. }
  814.  
  815. .alternate-status-bar-buttons-bar .status-bar-item {
  816.     height: 24px;
  817.     margin-top: -1px;
  818.     border: 1px solid rgb(202, 202, 202);
  819.     border-bottom: 1px solid transparent;
  820. }
  821.  
  822. .alternate-status-bar-buttons-bar .status-bar-item.emulate-active {
  823.     background-color: rgb(163,163,163);
  824.     border: 1px solid rgb(120, 120, 120);
  825.     border-bottom: 1px solid transparent;
  826. }
  827.  
  828. button.status-bar-item.settings-status-bar-item,
  829. button.status-bar-item.settings-status-bar-item:active {
  830.     border-right: 0 transparent none;
  831. }
  832.  
  833. .settings-status-bar-item .glyph {
  834.     -webkit-mask-position: -160px -24px;
  835. }
  836.  
  837. body.remote .dock-status-bar-item,
  838. body.port-qt .dock-status-bar-item {
  839.     display: none;
  840. }
  841.  
  842. .console-status-bar-item .glyph {
  843.     -webkit-mask-position: -64px -24px;
  844. }
  845.  
  846. .clear-status-bar-item .glyph {
  847.     -webkit-mask-position: -64px 0;
  848. }
  849.  
  850. #error-warning-count {
  851.     padding: 5px 2px 6px 0px;
  852.     font-size: 10px;
  853.     height: 19px;
  854.     cursor: pointer;
  855. }
  856.  
  857. #error-warning-count:hover {
  858.     border-bottom: 1px solid rgb(96, 96, 96);
  859. }
  860.  
  861. #error-count-img {
  862.     content: url(Images/errorIcon.png);
  863.     width: 10px;
  864.     height: 10px;
  865.     vertical-align: -1px;
  866.     margin-right: 2px;
  867. }
  868.  
  869. #error-count + #warning-count-img {
  870.     margin-left: 6px;
  871. }
  872.  
  873. #warning-count-img {
  874.     content: url(Images/warningIcon.png);
  875.     width: 10px;
  876.     height: 10px;
  877.     vertical-align: -1px;
  878.     margin-right: 2px;
  879. }
  880.  
  881. #drawer {
  882.     display: none;
  883.     position: absolute;
  884.     bottom: 0;
  885.     left: 0;
  886.     right: 0;
  887.     height: 200px;
  888.     background-color: white;
  889. }
  890.  
  891. #drawer-contents {
  892.     position: absolute;
  893.     top: 0;
  894.     bottom: 24px;
  895.     left: 0;
  896.     right: 0;
  897. }
  898.  
  899. body.drawer-visible #drawer {
  900.     display: block;
  901. }
  902.  
  903. body.platform-mac .monospace, body.platform-mac .source-code {
  904.     font-family: Monaco, monospace;
  905. }
  906.  
  907. /* Keep .platform-mac to make the rule more specific than the general one above. */
  908. body.platform-mac.platform-mac-snowleopard .monospace,
  909. body.platform-mac.platform-mac-snowleopard .source-code {
  910.     font-size: 11px !important;
  911.     font-family: Menlo, monospace;
  912. }
  913.  
  914. body.platform-windows .monospace, body.platform-windows .source-code {
  915.     font-size: 12px !important;
  916.     font-family: Consolas, Lucida Console, monospace;
  917. }
  918.  
  919. body.platform-linux .monospace, body.platform-linux .source-code {
  920.     font-size: 11px !important;
  921.     font-family: dejavu sans mono, monospace;
  922. }
  923.  
  924. #console-view {
  925.     position: absolute;
  926.     top: 0;
  927.     bottom: 0;
  928.     left: 0;
  929.     right: 0;
  930.     overflow-y: auto;
  931. }
  932.  
  933. #console-messages {
  934.     position: absolute;
  935.     z-index: 0;
  936.     top: 0;
  937.     left: 0;
  938.     right: 0;
  939.     bottom: 0;
  940.     padding: 2px 0;
  941.     overflow-y: overlay;
  942.     word-wrap: break-word;
  943.     -webkit-user-select: text;
  944.     -webkit-text-size-adjust: auto;
  945. }
  946.  
  947. #console-prompt {
  948.     clear: right;
  949.     position: relative;
  950.     border-top: 1px solid rgb(240, 240, 240);
  951.     padding: 1px 22px 1px 0px;
  952.     margin-left: 24px;
  953.     min-height: 16px;
  954.     white-space: pre-wrap;
  955.     -webkit-user-modify: read-write-plaintext-only;
  956. }
  957.  
  958. #console-prompt::before {
  959.     background-image: url(Images/userInputIcon.png);
  960. }
  961.  
  962. .console-user-command-result.console-log-level::before {
  963.     background-image: url(Images/userInputResultIcon.png);
  964. }
  965.  
  966. .console-message, .console-user-command {
  967.     clear: right;
  968.     position: relative;
  969.     border-top: 1px solid rgb(240, 240, 240);
  970.     padding: 1px 22px 1px 0px;
  971.     margin-left: 24px;
  972.     min-height: 16px;
  973. }
  974.  
  975. .console-mesage:first-child {
  976.     border-top: none;
  977. }
  978.  
  979. .console-adjacent-user-command-result {
  980.     border-bottom: none;
  981. }
  982.  
  983. .console-adjacent-user-command-result + .console-user-command-result.console-log-level::before {
  984.     background-image: none;
  985. }
  986.  
  987. .console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
  988.     position: absolute;
  989.     display: block;
  990.     content: "";
  991.     left: -17px;
  992.     top: 0.8em;
  993.     width: 10px;
  994.     height: 10px;
  995.     margin-top: -6px;
  996.     -webkit-user-select: none;
  997. }
  998.  
  999. .console-message .bubble {
  1000.     display: inline-block;
  1001.     height: 14px;
  1002.     background-color: rgb(128, 151, 189);
  1003.     vertical-align: middle;
  1004.     white-space: nowrap;
  1005.     padding: 1px 4px;
  1006.     margin-top: -1px;
  1007.     margin-right: 4px;
  1008.     margin-left: -18px;
  1009.     text-align: left;
  1010.     font-size: 11px;
  1011.     line-height: normal;
  1012.     font-family: Helvetica, Arial, sans-serif;
  1013.     font-weight: bold;
  1014.     text-shadow: none;
  1015.     color: white;
  1016.     -webkit-border-radius: 7px;
  1017. }
  1018.  
  1019. .console-message-text {
  1020.     white-space: pre-wrap;
  1021. }
  1022.  
  1023. .repeated-message.console-error-level::before, .repeated-message.console-warning-level:before, .repeated-message.console-debug-level:before {
  1024.     visibility: hidden;
  1025. }
  1026.  
  1027. .repeated-message .outline-disclosure, .repeated-message > .console-message-text {
  1028.     -webkit-flex: 1;
  1029. }
  1030.  
  1031. .console-info {
  1032.     color: rgb(128, 128, 128);
  1033.     font-style: italic;
  1034. }
  1035.  
  1036. .console-group .console-group > .console-group-messages {
  1037.     margin-left: 16px;
  1038. }
  1039.  
  1040. .console-group-title {
  1041.     font-weight: bold;
  1042. }
  1043.  
  1044. .console-group-title::before {
  1045.     background-image: url(Images/disclosureTriangleSmallDown.png);
  1046.     top: 0.6em;
  1047.     width: 11px;
  1048.     height: 12px;
  1049.     left: -16px;
  1050.     position: absolute;
  1051. }
  1052.  
  1053. .console-group.collapsed .console-group-title::before {
  1054.     background-image: url(Images/disclosureTriangleSmallRight.png);
  1055. }
  1056.  
  1057. .console-group.collapsed > .console-group-messages {
  1058.     display: none;
  1059. }
  1060.  
  1061. .console-group {
  1062.     position: relative;
  1063. }
  1064.  
  1065. .console-group-bracket {
  1066.     position:absolute;
  1067.     top: 15px;
  1068.     left: 13px;
  1069.     bottom: 5px;
  1070.     width: 3px;
  1071.     border-style: solid;
  1072.     border-color: #A3A3A3;
  1073.     border-width: 0px 0px 1px 1px;
  1074. }
  1075.  
  1076. .console-group.collapsed > .console-group-bracket {
  1077.     display: none;
  1078. }
  1079.  
  1080. .console-error-level .console-message-text, .console-error-level .section .header .title {
  1081.     color: red !important;
  1082. }
  1083.  
  1084. .console-debug-level .console-message-text {
  1085.     color: blue;
  1086. }
  1087.  
  1088. .console-debug-level::before {
  1089.     background-image: url(Images/searchSmallBrightBlue.png);
  1090. }
  1091.  
  1092. .console-error-level::before {
  1093.     background-image: url(Images/errorIcon.png);
  1094. }
  1095.  
  1096. .console-warning-level::before {
  1097.     background-image: url(Images/warningIcon.png);
  1098.     margin-top: -7px;
  1099. }
  1100.  
  1101. .console-user-command .console-message {
  1102.     margin-left: -24px;
  1103.     padding-right: 0;
  1104.     border-bottom: none;
  1105. }
  1106.  
  1107. .console-user-command::before {
  1108.     background-image: url(Images/userInputPreviousIcon.png);
  1109. }
  1110.  
  1111. .console-user-command > .console-message-text {
  1112.     color: rgb(0, 128, 255);
  1113. }
  1114.  
  1115. #console-messages a {
  1116.     color: rgb(33%, 33%, 33%);
  1117.     cursor: pointer;
  1118. }
  1119.  
  1120. #console-messages a:hover {
  1121.     color: rgb(15%, 15%, 15%);
  1122. }
  1123.  
  1124. ol.watch-expressions > li.hovered {
  1125.     background-color: #F0F0F0;
  1126. }
  1127.  
  1128. .console-message-url {
  1129.     float: right;
  1130.     max-width: 100%;
  1131.     margin-left: 4px;
  1132. }
  1133.  
  1134. .console-group-messages .section {
  1135.     margin: 0 0 0 12px !important;
  1136. }
  1137.  
  1138. .console-group-messages .section .header {
  1139.     padding: 0 8px 0 0;
  1140.     background-image: none;
  1141.     border: none;
  1142.     min-height: 0;
  1143. }
  1144.  
  1145. .console-group-messages .section .header::before {
  1146.     position: absolute;
  1147.     top: 1px;
  1148.     left: 1px;
  1149.     width: 8px;
  1150.     height: 8px;
  1151.     content: url(Images/treeRightTriangleBlack.png);
  1152. }
  1153.  
  1154. .console-group-messages .section.expanded .header::before {
  1155.     content: url(Images/treeDownTriangleBlack.png);
  1156. }
  1157.  
  1158. .console-group-messages .section .header .title {
  1159.     color: black;
  1160.     font-weight: normal;
  1161.     line-height: 13px;
  1162. }
  1163.  
  1164. .console-group-messages .section .properties li .info {
  1165.     padding-top: 0;
  1166.     padding-bottom: 0;
  1167.     color: rgb(60%, 60%, 60%);
  1168. }
  1169.  
  1170. .console-group-messages .outline-disclosure {
  1171.     padding-left: 0;
  1172. }
  1173.  
  1174. .console-group-messages .outline-disclosure > ol {
  1175.     padding: 0 0 0 12px !important;
  1176. }
  1177.  
  1178. .console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol {
  1179.     font-size: inherit;
  1180.     line-height: 12px;
  1181. }
  1182.  
  1183. .console-group-messages .outline-disclosure.single-node li {
  1184.     padding-left: 2px;
  1185. }
  1186.  
  1187. .console-group-messages .outline-disclosure li .selection {
  1188.     margin-left: -6px;
  1189.     margin-right: -6px;
  1190. }
  1191.  
  1192. .console-group-messages .add-attribute {
  1193.     display: none;
  1194. }
  1195.  
  1196. .console-formatted-object, .console-formatted-node, .console-formatted-array {
  1197.     position: relative;
  1198.     display: inline-block;
  1199.     vertical-align: top;
  1200.     color: black;
  1201. }
  1202.  
  1203. .console-formatted-object .section, .console-formatted-node .section, .console-formatted-array .section {
  1204.     position: static;
  1205. }
  1206.  
  1207. .console-formatted-object .properties, .console-formatted-node .properties {
  1208.     padding-left: 0 !important;
  1209. }
  1210.  
  1211. .console-formatted-number {
  1212.     color: rgb(28, 0, 207);
  1213. }
  1214.  
  1215. .console-formatted-string, .console-formatted-regexp {
  1216.     color: rgb(196, 26, 22);
  1217.     white-space: pre;
  1218. }
  1219.  
  1220. .console-formatted-null, .console-formatted-undefined {
  1221.     color: rgb(128, 128, 128);
  1222. }
  1223.  
  1224. .console-formatted-preview-node,
  1225. .section .console-formatted-node {
  1226.     color: rgb(136, 18, 128);
  1227. }
  1228.  
  1229. .console-object-preview {
  1230.     font-style: italic;
  1231. }
  1232.  
  1233. .error-message {
  1234.     color: red;
  1235. }
  1236.  
  1237. .error-input {
  1238.     background-color: rgb(220, 130, 130);
  1239. }
  1240.  
  1241. .auto-complete-text, .editing .auto-complete-text {
  1242.     color: rgb(128, 128, 128) !important;
  1243.     -webkit-user-select: none;
  1244.     -webkit-user-modify: read-only;
  1245. }
  1246.  
  1247. .panel {
  1248.     display: none;
  1249.     overflow: hidden;
  1250.     position: absolute;
  1251.     top: 0;
  1252.     left: 0;
  1253.     right: 0;
  1254.     bottom: 0;
  1255. }
  1256.  
  1257. .panel.visible {
  1258.     display: block;
  1259. }
  1260.  
  1261. iframe.extension {
  1262.     width: 100%;
  1263.     height: 100%;
  1264. }
  1265.  
  1266. iframe.panel.extension {
  1267.     display: block;
  1268.     height: 100%;
  1269. }
  1270.  
  1271. .webkit-line-gutter-backdrop {
  1272.     /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */
  1273.     width: 31px;
  1274.     background-color: rgb(240, 240, 240);
  1275.     border-right: 1px solid rgb(187, 187, 187);
  1276.     position: absolute;
  1277.     z-index: -1;
  1278.     left: 0;
  1279.     top: 0;
  1280.     height: 100%
  1281. }
  1282.  
  1283. .outline-disclosure li.hovered:not(.selected) .selection {
  1284.     display: block;
  1285.     left: 3px;
  1286.     right: 3px;
  1287.     background-color: rgba(56, 121, 217, 0.1);
  1288.     -webkit-border-radius: 5px;
  1289. }
  1290.  
  1291. .outline-disclosure li.highlighted .highlight {
  1292.     background-color: rgb(255, 230, 179);
  1293.     -webkit-border-radius: 4px;
  1294.     padding-bottom: 2px;
  1295.     margin-bottom: -2px;
  1296. }
  1297.  
  1298. .outline-disclosure li.selected.highlighted .highlight {
  1299.     background-color: transparent;
  1300.     padding-bottom: 0;
  1301.     margin-bottom: 0;
  1302. }
  1303.  
  1304. .outline-disclosure li .selection {
  1305.     display: none;
  1306.     position: absolute;
  1307.     left: 0;
  1308.     right: 0;
  1309.     height: 15px;
  1310.     z-index: -1;
  1311. }
  1312.  
  1313. .outline-disclosure li.selected .selection {
  1314.     display: block;
  1315.     background-color: rgb(212, 212, 212);
  1316. }
  1317.  
  1318. .outline-disclosure li.elements-drag-over .selection {
  1319.     display: block;
  1320.     margin-top: -2px;
  1321.     border-top: 2px solid rgb(56, 121, 217);
  1322. }
  1323.  
  1324. .outline-disclosure ol:focus li.selected .selection {
  1325.     background-color: rgb(56, 121, 217);
  1326. }
  1327.  
  1328. .outline-disclosure ol.search-match-not-found li.selected .selection {
  1329.     border: 1px solid rgb(56, 121, 217);
  1330.     background-color: white;
  1331. }
  1332.  
  1333. .outline-disclosure {
  1334.     font-size: 11px;
  1335. }
  1336.  
  1337. .outline-disclosure > ol {
  1338.     position: relative;
  1339.     padding: 2px 6px !important;
  1340.     margin: 0;
  1341.     color: black;
  1342.     cursor: default;
  1343.     min-width: 100%;
  1344. }
  1345.  
  1346. .outline-disclosure, .outline-disclosure ol {
  1347.     list-style-type: none;
  1348.     -webkit-padding-start: 12px;
  1349.     margin: 0;
  1350. }
  1351.  
  1352. .source-code {
  1353.     font-family: monospace;
  1354.     font-size: 10px !important;
  1355.     white-space: pre-wrap;
  1356. }
  1357.  
  1358. .outline-disclosure li {
  1359.     padding: 0 0 0 14px;
  1360.     margin-top: 1px;
  1361.     margin-left: -2px;
  1362.     word-wrap: break-word;
  1363. }
  1364.  
  1365. .outline-disclosure ol:focus li.selected {
  1366.     color: white;
  1367. }
  1368.  
  1369. .outline-disclosure ol.search-match-found li.selected {
  1370.     color: white;
  1371. }
  1372.  
  1373. .outline-disclosure ol:focus li.selected * {
  1374.     color: inherit;
  1375. }
  1376.  
  1377. .outline-disclosure ol.search-match-found li.selected * {
  1378.     color: inherit;
  1379. }
  1380.  
  1381. .outline-disclosure li.parent {
  1382.     margin-left: -12px
  1383. }
  1384.  
  1385. .outline-disclosure li .webkit-html-tag.close {
  1386.     margin-left: -12px;
  1387. }
  1388.  
  1389. .webkit-html-tag.shadow, .webkit-html-fragment.shadow {
  1390.     opacity: 0.6;
  1391. }
  1392.  
  1393. .outline-disclosure li.parent::before {
  1394.     content: url(Images/treeRightTriangleBlack.png);
  1395.     float: left;
  1396.     width: 8px;
  1397.     height: 8px;
  1398.     padding-right: 2px;
  1399. }
  1400.  
  1401. .outline-disclosure li.parent::before {
  1402.     content: url(Images/treeRightTriangleBlack.png);
  1403. }
  1404.  
  1405. .outline-disclosure ol:focus li.parent.selected::before {
  1406.     content: url(Images/treeRightTriangleWhite.png);
  1407. }
  1408.  
  1409. .outline-disclosure ol.search-match-found li.parent.selected::before {
  1410.     content: url(Images/treeRightTriangleWhite.png);
  1411. }
  1412.  
  1413. .outline-disclosure li.parent.expanded::before {
  1414.     content: url(Images/treeDownTriangleBlack.png);
  1415. }
  1416.  
  1417. .outline-disclosure ol:focus li.parent.expanded.selected::before {
  1418.     content: url(Images/treeDownTriangleWhite.png);
  1419. }
  1420.  
  1421. .outline-disclosure ol.search-match-found li.parent.expanded.selected::before {
  1422.     content: url(Images/treeDownTriangleWhite.png);
  1423. }
  1424.  
  1425. .outline-disclosure ol.children {
  1426.     display: none;
  1427. }
  1428.  
  1429. .outline-disclosure ol.children.expanded {
  1430.     display: block;
  1431. }
  1432.  
  1433. .placard {
  1434.     position: relative;
  1435.     margin-top: 1px;
  1436.     padding: 3px 8px 4px 18px;
  1437.     min-height: 18px;
  1438.     white-space: nowrap;
  1439. }
  1440.  
  1441. .placard:nth-of-type(2n) {
  1442.     background-color: rgb(234, 243, 255);
  1443. }
  1444.  
  1445. .placard.selected {
  1446.     border-top: 1px solid rgb(172, 172, 172);
  1447.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
  1448.     -webkit-background-origin: padding;
  1449.     -webkit-background-clip: padding;
  1450. }
  1451.  
  1452. :focus .placard.selected {
  1453.     border-top: 1px solid rgb(70, 103, 215);
  1454.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(56, 121, 217)));
  1455. }
  1456.  
  1457. .placard .title {
  1458.     color: black;
  1459.     font-weight: normal;
  1460.     word-wrap: break-word;
  1461.     white-space: normal;
  1462. }
  1463.  
  1464. .placard.selected .title {
  1465.     color: white;
  1466.     font-weight: bold;
  1467. }
  1468.  
  1469. .placard .subtitle {
  1470.     float: right;
  1471.     font-size: 10px;
  1472.     margin-left: 5px;
  1473.     color: rgba(0, 0, 0, 0.7);
  1474.     text-overflow: ellipsis;
  1475.     overflow: hidden;
  1476. }
  1477.  
  1478. .placard.selected .subtitle {
  1479.     color: rgba(255, 255, 255, 0.7);
  1480. }
  1481.  
  1482. .placard .subtitle a {
  1483.     color: inherit;
  1484. }
  1485.  
  1486. .section {
  1487.     position: relative;
  1488.     margin-top: 1px;
  1489. }
  1490.  
  1491. .events-pane .section:not(:nth-of-type(1)) {
  1492.     border-top: 1px solid rgb(191, 191, 191);
  1493. }
  1494.  
  1495. .section .header {
  1496.     color: black;
  1497.     padding: 0 8px 0 18px;
  1498.     min-height: 18px;
  1499.     white-space: nowrap;
  1500.     -webkit-background-origin: padding;
  1501.     -webkit-background-clip: padding;
  1502. }
  1503.  
  1504. .section .header::before {
  1505.     position: absolute;
  1506.     top: 2px;
  1507.     left: 7px;
  1508.     width: 8px;
  1509.     height: 8px;
  1510.     content: url(Images/treeRightTriangleBlack.png);
  1511.     opacity: 0.8;
  1512. }
  1513.  
  1514. .section.expanded .header::before {
  1515.     content: url(Images/treeDownTriangleBlack.png);
  1516. }
  1517.  
  1518. .section .header .title, .event-bar .header .title {
  1519.     font-weight: normal;
  1520.     word-wrap: break-word;
  1521.     white-space: normal;
  1522.     line-height: 18px;
  1523. }
  1524.  
  1525. .section .header .title.blank-title {
  1526.     font-style: italic;
  1527. }
  1528.  
  1529. .section .header label, .event-bar .header label {
  1530.     display: none;
  1531. }
  1532.  
  1533. .section.expanded .header label, .event-bar.expanded .header label {
  1534.     display: inline;
  1535. }
  1536.  
  1537. .section .header .subtitle, .event-bar .header .subtitle {
  1538.     float: right;
  1539.     margin-left: 5px;
  1540.     max-width: 55%;
  1541.     text-overflow: ellipsis;
  1542.     overflow: hidden;
  1543. }
  1544.  
  1545. .section .header .subtitle a {
  1546.     color: inherit;
  1547. }
  1548.  
  1549. .section .properties, .event-bar .event-properties {
  1550.     display: none;
  1551. }
  1552.  
  1553. .section.expanded .properties, .event-bar.expanded .event-properties {
  1554.     display: block;
  1555.     padding-left: 16px;
  1556. }
  1557.  
  1558. .section.no-affect .properties li {
  1559.     opacity: 0.5;
  1560. }
  1561.  
  1562. .section.no-affect .properties li.editing {
  1563.     opacity: 1.0;
  1564. }
  1565.  
  1566. .properties-tree {
  1567.     margin: 0;
  1568.     padding: 0 6px 2px;
  1569.     list-style: none;
  1570.     min-height: 18px;
  1571. }
  1572.  
  1573. .properties-tree li {
  1574.     margin-left: 12px;
  1575.     white-space: nowrap;
  1576.     text-overflow: ellipsis;
  1577.     overflow: hidden;
  1578.     -webkit-user-select: text;
  1579.     cursor: default;
  1580. }
  1581.  
  1582. .properties-tree li.parent {
  1583.     margin-left: 1px;
  1584. }
  1585.  
  1586. .properties-tree li.parent::before {
  1587.     content: url(Images/treeRightTriangleBlack.png);
  1588.     opacity: 0.75;
  1589.     float: left;
  1590.     width: 8px;
  1591.     height: 8px;
  1592.     margin-top: 0;
  1593.     padding-right: 3px;
  1594.     -webkit-user-select: none;
  1595. }
  1596.  
  1597. .properties-tree li.parent.expanded::before {
  1598.     content: url(Images/treeDownTriangleBlack.png);
  1599.     margin-top: 1px;
  1600. }
  1601.  
  1602. .properties-tree li .info {
  1603.     padding-top: 4px;
  1604.     padding-bottom: 3px;
  1605. }
  1606.  
  1607. .properties-tree ol {
  1608.     display: none;
  1609.     margin: 0;
  1610.     -webkit-padding-start: 12px;
  1611.     list-style: none;
  1612. }
  1613.  
  1614. .properties-tree ol.expanded {
  1615.     display: block;
  1616. }
  1617.  
  1618. .event-listener-breakpoints .event-category {
  1619.     font-size: 11px;
  1620.     font-weight: bold;
  1621.     color: rgb(96, 96, 96);
  1622.     padding-top: 2px;
  1623. }
  1624.  
  1625. .event-listener-breakpoints.properties-tree .children li {
  1626.     margin-left: 12px;
  1627.     height: 16px;
  1628. }
  1629.  
  1630. .event-listener-breakpoints .checkbox-elem {
  1631.     font-size: 10px;
  1632.     float: left;
  1633.     top: -2px;
  1634.     position: relative;
  1635.     left: -1px;
  1636. }
  1637.  
  1638. .editing {
  1639.     -webkit-user-select: text;
  1640.     -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  1641.     outline: 1px solid rgb(66%, 66%, 66%) !important;
  1642.     background-color: white;
  1643.     -webkit-user-modify: read-write-plaintext-only;
  1644.     text-overflow: clip !important;
  1645.     padding-left: 2px;
  1646.     margin-left: -2px;
  1647.     padding-right: 2px;
  1648.     margin-right: -2px;
  1649.     margin-bottom: -1px;
  1650.     padding-bottom: 1px;
  1651.     opacity: 1.0 !important;
  1652. }
  1653.  
  1654. .editing, .editing * {
  1655.     color: black !important;
  1656.     text-decoration: none !important;
  1657. }
  1658.  
  1659. .child-editing {
  1660.     color: black !important;
  1661.     text-decoration: none !important;
  1662.     overflow: visible !important;
  1663. }
  1664.  
  1665. .editing br {
  1666.     display: none;
  1667. }
  1668.  
  1669. .section .properties li.editing {
  1670.     margin-left: 10px;
  1671.     text-overflow: clip;
  1672. }
  1673.  
  1674. li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-button {
  1675.     display: none !important;
  1676. }
  1677.  
  1678. .properties-tree.watch-expressions {
  1679.     padding-bottom: 8px;
  1680.     padding-left: 4px !important;
  1681. }
  1682.  
  1683. .properties-tree.watch-expressions > li {
  1684.     padding-top: 2px;
  1685.     padding-left: 4px;
  1686. }
  1687.  
  1688. .properties-tree.watch-expressions > li > .value {
  1689.     display: inline;
  1690.     position: static;
  1691. }
  1692.  
  1693. .properties-tree.watch-expressions > li:not(.parent) {
  1694.     margin-left: 1px;
  1695.     padding-left: 15px;
  1696. }
  1697.  
  1698. .properties-tree.watch-expressions > li.hovered {
  1699.     padding-right: 14px;
  1700. }
  1701.  
  1702. .watch-expressions > li.editing-sub-part .text-prompt {
  1703.     display: block;
  1704.     width: 100%;
  1705. }
  1706.  
  1707. .watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing-sub-part .separator  {
  1708.     display: none;
  1709. }
  1710.  
  1711. .watch-expressions-error-level {
  1712.     color: red;
  1713. }
  1714.  
  1715. .section .properties li.editing-sub-part {
  1716.     padding: 3px 6px 8px 18px;
  1717.     margin: -3px -6px -8px -6px;
  1718.     text-overflow: clip;
  1719. }
  1720.  
  1721. .section .properties .delete-button {
  1722.     width: 10px;
  1723.     height: 10px;
  1724.     background-image: url(Images/deleteIcon.png);
  1725.     background-position: 0 0;
  1726.     background-color: transparent;
  1727.     background-repeat: no-repeat;
  1728.     border: 0 none transparent;
  1729.     position: absolute;
  1730.     right: 8px;
  1731.     display: none;
  1732. }
  1733.  
  1734. .section .properties li.hovered .delete-button {
  1735.     display: inline;
  1736. }
  1737.  
  1738. .section .properties .name, .event-properties .name, .console-formatted-object .name {
  1739.     color: rgb(136, 19, 145);
  1740. }
  1741.  
  1742. .section .properties .dimmed {
  1743.     opacity: 0.6;
  1744. }
  1745.  
  1746. .section .properties .value.error {
  1747.     color: red;
  1748. }
  1749.  
  1750. .section .properties .number, .event-properties .number {
  1751.     color: blue;
  1752. }
  1753.  
  1754. .section .properties .keyword, .event-properties .keyword {
  1755.     color: rgb(136, 19, 79);
  1756. }
  1757.  
  1758. .section .properties .color, .event-properties .color {
  1759.     color: rgb(118, 15, 21);
  1760. }
  1761.  
  1762. .swatch {
  1763.     margin-left: 1px;
  1764.     margin-right: 2px;
  1765.     margin-bottom: -1px;
  1766.     width: 1em;
  1767.     height: 1em;
  1768.     display: inline-block;
  1769.     background-image: url(Images/checker.png);
  1770. }
  1771.  
  1772. .swatch-inner {
  1773.     width: 100%;
  1774.     height: 100%;
  1775.     display: inline-block;
  1776.     border: 1px solid rgba(128, 128, 128, 0.6);
  1777. }
  1778.  
  1779. .swatch-inner:hover {
  1780.     border: 1px solid rgba(64, 64, 64, 0.8);
  1781. }
  1782.  
  1783. .pane:not(.expanded) + .pane, .pane:first-of-type {
  1784.     margin-top: -1px;
  1785. }
  1786.  
  1787. .pane > .title {
  1788.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
  1789.     height: 20px;
  1790.     padding: 0 5px;
  1791.     border-top: 1px solid rgb(189, 189, 189);
  1792.     border-bottom: 1px solid rgb(189, 189, 189);
  1793.     font-weight: bold;
  1794.     font-size: 12px;
  1795.     line-height: 18px;
  1796.     color: rgb(110, 110, 110);
  1797.     text-shadow: white 0 1px 0;
  1798.     -webkit-background-origin: padding;
  1799.     -webkit-background-clip: padding;
  1800. }
  1801.  
  1802. .pane > .title:active {
  1803.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207, 207, 207)), to(rgb(186, 186, 186)));
  1804.     border-top: 1px solid rgb(178, 178, 178);
  1805.     border-bottom: 1px solid rgb(178, 178, 178);
  1806. }
  1807.  
  1808. .pane > .title::before {
  1809.     content: url(Images/disclosureTriangleSmallRightBlack.png);
  1810.     float: left;
  1811.     width: 11px;
  1812.     height: 12px;
  1813.     margin-right: 2px;
  1814.     margin-top: 1px;
  1815. }
  1816.  
  1817. .pane.expanded > .title::before {
  1818.     content: url(Images/disclosureTriangleSmallDownBlack.png);
  1819. }
  1820.  
  1821. .pane > .title > select {
  1822.     float: right;
  1823.     width: 23px;
  1824.     height: 17px;
  1825.     color: transparent;
  1826.     background-color: transparent;
  1827.     border: none;
  1828.     background-repeat: no-repeat;
  1829.     margin: 1px 0 0 0;
  1830.     padding: 0;
  1831.     -webkit-border-radius: 0;
  1832.     -webkit-appearance: none;
  1833. }
  1834.  
  1835. .pane > .title > select:hover {
  1836.     background-position: -23px 0px;
  1837. }
  1838.  
  1839. .pane > .title > select:active {
  1840.     background-position: -46px 0px;
  1841. }
  1842.  
  1843. .pane > .title > select.select-settings {
  1844.     background-image: url(Images/paneSettingsButtons.png);
  1845. }
  1846.  
  1847. .pane > .title > select.select-filter {
  1848.     background-image: url(Images/paneFilterButtons.png);
  1849. }
  1850.  
  1851. .pane > .title > select > option, .pane > .title > select > hr {
  1852.     color: black;
  1853. }
  1854.  
  1855. .pane > .title > .pane-title-button {
  1856.     float: right;
  1857.     width: 23px;
  1858.     height: 17px;
  1859.     color: transparent;
  1860.     background-color: transparent;
  1861.     border: none;
  1862.     background-repeat: no-repeat;
  1863.     margin: 1px 0 0 0;
  1864.     padding: 0;
  1865.     -webkit-border-radius: 0;
  1866.     -webkit-appearance: none;
  1867. }
  1868.  
  1869. .pane > .title > .pane-title-button:hover {
  1870.     background-position: -23px 0px;
  1871. }
  1872.  
  1873. .pane > .title > .pane-title-button:active, .pane > .title > .pane-title-button.toggled {
  1874.     background-position: -46px 0px;
  1875. }
  1876.  
  1877. .pane > .title > .pane-title-button.add {
  1878.     background-image: url(Images/paneAddButtons.png);
  1879. }
  1880.  
  1881. .pane > .title > .pane-title-button.element-state {
  1882.     background-image: url(Images/paneElementStateButtons.png);
  1883. }
  1884.  
  1885. .pane > .title > .pane-title-button.refresh {
  1886.     background-image: url(Images/paneRefreshButtons.png);
  1887. }
  1888.  
  1889. .pane > .body {
  1890.     position: relative;
  1891.     display: none;
  1892.     overflow-y: auto;
  1893.     overflow-x: hidden;
  1894. }
  1895.  
  1896. .pane > .body .info {
  1897.     text-align: center;
  1898.     font-style: italic;
  1899.     font-size: 10px;
  1900.     padding: 6px;
  1901.     color: black;
  1902. }
  1903.  
  1904. .pane > .body .placard + .info {
  1905.     border-top: 1px solid rgb(189, 189, 189);
  1906.     background-color: rgb(255, 255, 194);
  1907. }
  1908.  
  1909. .pane.expanded > .body, .pane.expanded > .growbar {
  1910.     display: block;
  1911. }
  1912.  
  1913. .pane > .body .breakpoint-condition {
  1914.     display: block;
  1915.     margin-top: 4px;
  1916.     margin-bottom: 4px;
  1917.     margin-left: 23px;
  1918.     margin-right: 8px;
  1919. }
  1920.  
  1921. #breakpoint-condition-input {
  1922.     display: block;
  1923.     margin-left: 0;
  1924.     margin-right: 0;
  1925.     outline: none !important;
  1926.     border: 1px solid rgb(66%, 66%, 66%);
  1927. }
  1928.  
  1929. .pane.expanded:nth-last-of-type(1) {
  1930.     border-bottom: 1px solid rgb(189, 189, 189);
  1931. }
  1932.  
  1933. .pane > .growbar {
  1934.     display: none;
  1935.     background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomGrow.png);
  1936.     background-repeat: no-repeat, repeat-x;
  1937.     background-position: center center, bottom;
  1938.     height: 5px;
  1939. }
  1940.  
  1941. .sidebar-pane-subtitle {
  1942.     position: absolute;
  1943.     right: 0;
  1944.     font-weight: normal;
  1945. }
  1946.  
  1947. body.platform-windows .sidebar-pane-subtitle {
  1948.     padding-top: 1px;
  1949. }
  1950.  
  1951. .sidebar-pane-subtitle input, .section .header input[type=checkbox] {
  1952.     font-size: inherit;
  1953.     hight: 1em;
  1954.     width: 1em;
  1955.     margin-left: 0;
  1956.     margin-top: 0;
  1957.     margin-bottom: 0.25em;
  1958.     vertical-align: bottom;
  1959. }
  1960.  
  1961. .sidebar {
  1962.     overflow-x: hidden;
  1963.     background-color: rgb(214, 221, 229);
  1964. }
  1965.  
  1966. body.inactive .sidebar {
  1967.     background-color: rgb(232, 232, 232);
  1968. }
  1969.  
  1970. .panel-enabler-view button:not(.status-bar-item), .pane button, button.show-all-nodes {
  1971.     color: rgb(6, 6, 6);
  1972.     background-color: transparent;
  1973.     border: 1px solid rgb(165, 165, 165);
  1974.     background-color: rgb(237, 237, 237);
  1975.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
  1976.     -webkit-border-radius: 12px;
  1977.     -webkit-appearance: none;
  1978. }
  1979.  
  1980. button.show-all-nodes {
  1981.     font-size: 13px;
  1982.     margin: 0;
  1983.     padding: 0 20px;
  1984.     height: 20px;
  1985. }
  1986.  
  1987. .pane button {
  1988.     margin: 6px 0 6px 3px;
  1989.     padding: 2px 9px;
  1990. }
  1991.  
  1992. .panel-enabler-view button:active:not(.status-bar-item), .pane button:active, button.show-all-nodes:active {
  1993.     background-color: rgb(215, 215, 215);
  1994.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
  1995. }
  1996.  
  1997. body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-view button:disabled:not(.status-bar-item), body.inactive .pane button, .pane button:disabled, body.inactive button.show-all-nodes {
  1998.     color: rgb(130, 130, 130);
  1999.     border-color: rgb(212, 212, 212);
  2000.     background-color: rgb(239, 239, 239);
  2001.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
  2002. }
  2003.  
  2004. button.enable-toggle-status-bar-item .glyph {
  2005.     -webkit-mask-position: -192px 0;
  2006. }
  2007.  
  2008. button.enable-toggle-status-bar-item.toggled-on .glyph {
  2009.     -webkit-mask-position: -96px -24px;
  2010. }
  2011.  
  2012. #console-messages.console-filter-top {
  2013.     margin-top: 23px;
  2014. }
  2015.  
  2016. .scope-bar {
  2017.     line-height: 19px;
  2018.     padding-right: 10px;
  2019.     overflow: hidden;
  2020. }
  2021.  
  2022. .scope-bar li {
  2023.     display: inline-block;
  2024.     margin: 0 2px;
  2025.     padding: 2px 6px;
  2026.     font-size: 11px;
  2027.     line-height: 12px;
  2028.     font-weight: bold;
  2029.     color: rgb(46, 46, 46);
  2030.     background: transparent;
  2031.     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  2032.     -webkit-border-radius: 8px;
  2033.     vertical-align: middle;
  2034. }
  2035.  
  2036. .scope-bar-divider {
  2037.     background-color: rgba(0, 0, 0, 0.4);
  2038.     height: 16px;
  2039.     width: 1px;
  2040.     vertical-align: middle;
  2041.     display: inline-block;
  2042. }
  2043.  
  2044. .scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active {
  2045.     color: white;
  2046.     text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
  2047. }
  2048.  
  2049. .scope-bar li.all {
  2050.     margin: 0 8px;
  2051. }
  2052.  
  2053. .scope-bar li:hover {
  2054.     background: rgba(0, 0, 0, 0.2);
  2055. }
  2056.  
  2057. .scope-bar li.selected {
  2058.     background: rgba(0, 0, 0, 0.3);
  2059.     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  2060. }
  2061.  
  2062. .scope-bar li:active {
  2063.     background: rgba(0, 0, 0, 0.5);
  2064.     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
  2065. }
  2066.  
  2067. .console-warning-level, .console-error-level, .console-log-level {
  2068.     display: none;
  2069. }
  2070.  
  2071. .filter-all .console-warning-level, .filter-warnings .console-warning-level,
  2072. .filter-all .console-error-level, .filter-errors .console-error-level,
  2073. .filter-all .console-log-level, .filter-logs .console-log-level {
  2074.     display: block;
  2075. }
  2076.  
  2077. .filter-all .console-warning-level.repeated-message, .filter-warnings .console-warning-level.repeated-message,
  2078. .filter-all .console-error-level.repeated-message, .filter-errors .console-error-level.repeated-message,
  2079. .filter-all .console-log-level.repeated-message, .filter-logs .console-log-level.repeated-message {
  2080.     display: -webkit-flex;
  2081. }
  2082.  
  2083. .console-user-command-result {
  2084.     display: block;
  2085. }
  2086.  
  2087. .source-view-frame {
  2088.     width: 100%;
  2089.     height: 100%;
  2090. }
  2091.  
  2092. .sidebar-resizer-vertical {
  2093.     position: absolute;
  2094.     top: 0;
  2095.     bottom: 0;
  2096.     width: 5px;
  2097.     z-index: 500;
  2098.     cursor: ew-resize;
  2099. }
  2100.  
  2101. .sidebar-tree, .sidebar-tree .children {
  2102.     position: relative;
  2103.     padding: 0;
  2104.     margin: 0;
  2105.     list-style: none;
  2106.     font-size: 11px;
  2107. }
  2108.  
  2109. .sidebar-tree-section {
  2110.     position: relative;
  2111.     height: 18px;
  2112.     padding: 1px 10px 6px 10px;
  2113.     white-space: nowrap;
  2114.     margin-top: 1px;
  2115.     color: rgb(92, 110, 129);
  2116.     font-weight: bold;
  2117.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  2118. }
  2119.  
  2120. .sidebar-tree-item {
  2121.     position: relative;
  2122.     height: 36px;
  2123.     padding: 0 5px 0 5px;
  2124.     white-space: nowrap;
  2125.     overflow-x: hidden;
  2126.     overflow-y: hidden;
  2127.     margin-top: 1px;
  2128.     line-height: 34px;
  2129.     border-top: 1px solid transparent;
  2130. }
  2131.  
  2132. .sidebar-tree .children {
  2133.     display: none;
  2134. }
  2135.  
  2136. .sidebar-tree .children.expanded {
  2137.     display: block;
  2138. }
  2139.  
  2140. .sidebar-tree-section + .children > .sidebar-tree-item {
  2141.     padding-left: 10px !important;
  2142. }
  2143.  
  2144. .sidebar-tree-section + .children.small > .sidebar-tree-item {
  2145.     padding-left: 17px !important;
  2146. }
  2147.  
  2148. .sidebar-tree > .children > .sidebar-tree-item {
  2149.     padding-left: 37px;
  2150. }
  2151.  
  2152. .sidebar-tree > .children > .children > .sidebar-tree-item {
  2153.     padding-left: 37px;
  2154. }
  2155.  
  2156. .sidebar-tree.hide-disclosure-buttons > .children {
  2157.     display: none;
  2158. }
  2159.  
  2160. .sidebar-tree > .children.hide-disclosure-buttons > .children {
  2161.     display: none;
  2162. }
  2163.  
  2164. .sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item:not(.parent) .icon {
  2165.     margin-left: 16px;
  2166. }
  2167.  
  2168. .sidebar-tree-item .disclosure-button {
  2169.     float: left;
  2170.     width: 16px;
  2171.     height: 100%;
  2172.     border: 0;
  2173.     background-color: transparent;
  2174.     background-image: url(Images/disclosureTriangleSmallRight.png);
  2175.     background-repeat: no-repeat;
  2176.     background-position: center;
  2177.     -webkit-apearance: none;
  2178. }
  2179.  
  2180. .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
  2181.     display: none;
  2182. }
  2183.  
  2184. body.inactive .sidebar-tree-item .disclosure-button {
  2185.     background-image: url(Images/disclosureTriangleSmallRightBlack.png);
  2186. }
  2187.  
  2188. body.inactive .sidebar-tree-item.expanded .disclosure-button {
  2189.     background-image: url(Images/disclosureTriangleSmallDownBlack.png);
  2190. }
  2191.  
  2192. body.inactive .sidebar-tree-item .disclosure-button:active {
  2193.     background-image: url(Images/disclosureTriangleSmallRightDownBlack.png);
  2194. }
  2195.  
  2196. .sidebar-tree-item.selected .disclosure-button {
  2197.     background-image: url(Images/disclosureTriangleSmallRightWhite.png) !important;
  2198. }
  2199.  
  2200. .sidebar-tree-item.expanded .disclosure-button {
  2201.     background-image: url(Images/disclosureTriangleSmallDown.png);
  2202. }
  2203.  
  2204. .sidebar-tree-item.selected.expanded .disclosure-button {
  2205.     background-image: url(Images/disclosureTriangleSmallDownWhite.png) !important;
  2206. }
  2207.  
  2208. .sidebar-tree-item.selected .disclosure-button:active {
  2209.     background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !important;
  2210. }
  2211.  
  2212. .sidebar-tree-item .disclosure-button:active {
  2213.     background-image: url(Images/disclosureTriangleSmallRightDown.png);
  2214. }
  2215.  
  2216. .sidebar-tree-item .icon {
  2217.     float: left;
  2218.     width: 32px;
  2219.     height: 32px;
  2220.     margin-top: 1px;
  2221.     margin-right: 3px;
  2222. }
  2223.  
  2224. li .status {
  2225.     float: right;
  2226.     height: 16px;
  2227.     margin-top: 9px;
  2228.     margin-left: 4px;
  2229.     line-height: 1em;
  2230. }
  2231.  
  2232. li .status:empty {
  2233.     display: none;
  2234. }
  2235.  
  2236. li .status .bubble {
  2237.     display: inline-block;
  2238.     height: 14px;
  2239.     min-width: 16px;
  2240.     margin-top: 1px;
  2241.     background-color: rgb(128, 151, 189);
  2242.     vertical-align: middle;
  2243.     white-space: nowrap;
  2244.     padding: 1px 4px;
  2245.     text-align: center;
  2246.     font-size: 11px;
  2247.     line-height: normal;
  2248.     font-family: Helvetica, Arial, sans-serif;
  2249.     font-weight: bold;
  2250.     text-shadow: none;
  2251.     color: white;
  2252.     -webkit-border-radius: 7px;
  2253. }
  2254.  
  2255. li .status .bubble:empty {
  2256.     display: none;
  2257. }
  2258.  
  2259. li.selected .status .bubble {
  2260.     background-color: white !important;
  2261.     color: rgb(132, 154, 190) !important;
  2262. }
  2263.  
  2264. :focus li.selected .status .bubble {
  2265.     color: rgb(36, 98, 172) !important;
  2266. }
  2267.  
  2268. body.inactive li.selected .status .bubble {
  2269.     color: rgb(159, 159, 159) !important;
  2270. }
  2271.  
  2272. .sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small, .small .resources-graph-side {
  2273.     height: 20px;
  2274. }
  2275.  
  2276. .sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
  2277.     width: 16px;
  2278.     height: 16px;
  2279. }
  2280.  
  2281. .sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .sidebar-tree-item .status, .sidebar-tree-item.small .status {
  2282.     margin-top: 1px;
  2283. }
  2284.  
  2285. .sidebar-tree-item.selected {
  2286.     color: white;
  2287.     border-top: 1px solid rgb(145, 160, 192);
  2288.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
  2289.     text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0;
  2290.     font-weight: bold;
  2291.     -webkit-background-origin: padding;
  2292.     -webkit-background-clip: padding;
  2293. }
  2294.  
  2295. :focus .sidebar-tree-item.selected {
  2296.     border-top: 1px solid rgb(68, 128, 200);
  2297.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
  2298. }
  2299.  
  2300. body.inactive .sidebar-tree-item.selected {
  2301.     border-top: 1px solid rgb(151, 151, 151);
  2302.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
  2303. }
  2304.  
  2305. .sidebar-tree-item .titles {
  2306.     position: relative;
  2307.     top: 5px;
  2308.     line-height: 11px;
  2309.     padding-bottom: 1px;
  2310.     text-overflow: ellipsis;
  2311.     overflow: hidden;
  2312.     white-space: nowrap;
  2313. }
  2314.  
  2315. .sidebar-tree-item .titles.no-subtitle {
  2316.     top: 10px;
  2317. }
  2318.  
  2319. .sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
  2320.     top: 2px;
  2321.     line-height: normal;
  2322. }
  2323.  
  2324. .sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
  2325.     content: "\A";
  2326.     white-space: pre;
  2327. }
  2328.  
  2329. .sidebar-tree-item .subtitle {
  2330.     font-size: 9px;
  2331.     color: rgba(0, 0, 0, 0.7);
  2332. }
  2333.  
  2334. .sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
  2335.     display: none;
  2336. }
  2337.  
  2338. .sidebar-tree-item.selected .subtitle {
  2339.     color: rgba(255, 255, 255, 0.9);
  2340. }
  2341.  
  2342. .bubble.debug, .console-debug-level .bubble {
  2343.     background-color: rgb(0, 0, 255) !important;
  2344. }
  2345.  
  2346. .bubble.warning, .console-warning-level .bubble {
  2347.     background-color: rgb(232, 164, 0) !important;
  2348. }
  2349.  
  2350. .bubble.error, .console-error-level .bubble {
  2351.     background-color: rgb(216, 35, 35) !important;
  2352. }
  2353.  
  2354. .bubble.search-matches {
  2355.     background-image: url(Images/searchSmallWhite.png);
  2356.     background-repeat: no-repeat;
  2357.     background-position: 3px 2px;
  2358.     padding-left: 13px !important;
  2359. }
  2360.  
  2361. li.selected .bubble.search-matches {
  2362.     background-image: url(Images/searchSmallBlue.png);
  2363. }
  2364.  
  2365. :focus li.selected .bubble.search-matches {
  2366.     background-image: url(Images/searchSmallBrightBlue.png);
  2367. }
  2368.  
  2369. body.inactive li.selected .bubble.search-matches {
  2370.     background-image: url(Images/searchSmallGray.png);
  2371. }
  2372.  
  2373. .storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
  2374.     margin-bottom: -3px;
  2375.     margin-left: 5px;
  2376.     vertical-align: middle;
  2377. }
  2378.  
  2379. .status-bar-divider {
  2380.     margin-left: 7px;
  2381.     border-right: 1px solid #CCC;
  2382. }
  2383.  
  2384. .storage-application-cache-status, .storage-application-cache-connectivity {
  2385.     position: relative;
  2386.     top: 4px;
  2387. }
  2388.  
  2389. .status-bar-items {
  2390.     position: absolute;
  2391.     top: 0;
  2392.     bottom: 0;
  2393.     left: 200px;
  2394.     overflow: hidden;
  2395.     border-left: 1px solid rgb(184, 184, 184);
  2396.     margin-left: -1px;
  2397. }
  2398.  
  2399. .node-search-status-bar-item .glyph {
  2400.     -webkit-mask-position: -224px -24px;
  2401. }
  2402.  
  2403. .delete-storage-status-bar-item .glyph {
  2404.     -webkit-mask-position: -128px 0;
  2405. }
  2406.  
  2407. .refresh-storage-status-bar-item .glyph {
  2408.     -webkit-mask-position: 0 0;
  2409. }
  2410.  
  2411. ol.breakpoint-list {
  2412.     -webkit-padding-start: 0;
  2413.     list-style: none;
  2414.     margin: 0;
  2415. }
  2416.  
  2417. .breakpoints-list-deactivated {
  2418.     background-color: rgb(245, 245, 245);
  2419.     opacity: 0.3;
  2420. }
  2421.  
  2422. .breakpoint-list li {
  2423.     white-space: nowrap;
  2424.     text-overflow: ellipsis;
  2425.     overflow: hidden;
  2426.     padding: 2px 0;
  2427.     color: black;
  2428. }
  2429.  
  2430. .breakpoint-list li:hover {
  2431.     background-color: rgba(56, 121, 217, 0.2);
  2432. }
  2433.  
  2434. .breakpoint-list .checkbox-elem {
  2435.     font-size: 10px;
  2436.     margin: 0 4px;
  2437.     vertical-align: top;
  2438.     position: relative;
  2439.     z-index: 1;
  2440. }
  2441.  
  2442. .breakpoint-list .source-text {
  2443.     white-space: nowrap;
  2444.     text-overflow: ellipsis;
  2445.     overflow: hidden;
  2446.     margin: 2px 0 0px 20px;
  2447. }
  2448.  
  2449. .pane .breakpoint-hit {
  2450.     background-color: rgb(255, 255, 194);
  2451. }
  2452.  
  2453. li.breakpoint-hit .breakpoint-hit-marker {
  2454.     background-color: rgb(255, 255, 194);
  2455.     height: 18px;
  2456.     left: 0px;
  2457.     margin-top: -16px;
  2458.     position: absolute;
  2459.     right: 0px;
  2460.     z-index: -1;
  2461. }
  2462.  
  2463. .webkit-html-js-node, .webkit-html-css-node {
  2464.     white-space: pre;
  2465. }
  2466.  
  2467. .source-frame-breakpoint-condition {
  2468.     z-index: 30;
  2469.     padding: 4px;
  2470.     background-color: rgb(203, 226, 255);
  2471.     -webkit-border-radius: 7px;
  2472.     border: 2px solid rgb(169, 172, 203);
  2473.     width: 90%;
  2474.     pointer-events: auto;
  2475. }
  2476.  
  2477. .source-frame-breakpoint-message {
  2478.     background-color: transparent;
  2479.     font-family: Lucida Grande, sans-serif;
  2480.     font-weight: normal;
  2481.     font-size: 11px;
  2482.     text-align: left;
  2483.     text-shadow: none;
  2484.     color: rgb(85, 85, 85);
  2485.     cursor: default;
  2486.     margin: 0 0 2px 0;
  2487. }
  2488.  
  2489. #source-frame-breakpoint-condition {
  2490.     margin: 0;
  2491.     border: 1px inset rgb(190, 190, 190) !important;
  2492.     width: 100%;
  2493.     box-shadow: none !important;
  2494.     outline: none !important;
  2495.     -webkit-user-modify: read-write;
  2496. }
  2497.  
  2498. .source-frame-popover-title {
  2499.     text-overflow: ellipsis;
  2500.     overflow: hidden;
  2501.     white-space: nowrap;
  2502.     font-weight: bold;
  2503.     padding-left: 18px;
  2504. }
  2505.  
  2506. .source-frame-popover-tree {
  2507.     border-top: 1px solid rgb(194, 194, 147);
  2508.     overflow: auto;
  2509.     position: absolute;
  2510.     top: 15px;
  2511.     bottom: 0;
  2512.     left: 0;
  2513.     right: 0;
  2514. }
  2515.  
  2516. .source-frame-eval-expression {
  2517.     border: 1px solid rgb(163, 41, 34);
  2518.     margin: -1px;
  2519.     background-color: rgb(255, 255, 194);
  2520. }
  2521.  
  2522. .workers-list {
  2523.     list-style: none;
  2524.     margin: 0;
  2525.     padding: 0;
  2526. }
  2527.  
  2528. .workers-list > li {
  2529.     overflow: hidden;
  2530.     text-overflow: ellipsis;
  2531.     white-space: nowrap;
  2532.     margin-left: 1em;
  2533.     font-size: 12px;
  2534. }
  2535.  
  2536. a.worker-item {
  2537.     color: rgb(33%, 33%, 33%);
  2538.     cursor: pointer;
  2539.     text-decoration: none;
  2540. }
  2541.  
  2542. a.worker-item:hover {
  2543.     color: rgb(15%, 15%, 15%);
  2544. }
  2545.  
  2546. .resource-content-unavailable {
  2547.     color: rgb(50%, 50%, 50%);
  2548.     font-style: italic;
  2549.     font-size: 14px;
  2550.     text-align: center;
  2551.     padding: 32px;
  2552. }
  2553.  
  2554. .node-link {
  2555.     text-decoration: underline;
  2556.     cursor: pointer;
  2557. }
  2558.  
  2559. .cursor-pointer {
  2560.     cursor: pointer;
  2561. }
  2562.  
  2563. .cursor-auto {
  2564.     cursor: auto;
  2565. }
  2566.  
  2567. .please-wait-msg {
  2568.     position: absolute;
  2569.     left: 0;
  2570.     top: 0;
  2571.     border: 4px black solid;
  2572.     border-radius: 4px;
  2573.     background-color: black;
  2574.     opacity: 0.85;
  2575.     color: white;
  2576.     font-size: 12px;
  2577.     font-weight: bold;
  2578.     z-index: 10000;
  2579. }
  2580.  
  2581. .resource-view.json {
  2582.     padding: 5px;
  2583. }
  2584.  
  2585. .resource-view.html iframe {
  2586.     width: 100%;
  2587.     height: 100%;
  2588.     position: absolute;
  2589. }
  2590.  
  2591. .soft-context-menu-glass-pane {
  2592.     position: absolute;
  2593.     top: 0;
  2594.     bottom: 0;
  2595.     left: 0;
  2596.     right: 0;
  2597.     z-index: 20000;
  2598. }
  2599.  
  2600. .soft-context-menu {
  2601.     position: absolute;
  2602.     font-family: 'Lucida Grande', 'Helvetica', 'sans-serif';
  2603.     border: 1px solid rgba(196, 196, 196, 0.9);
  2604.     border-top: 1px solid rgba(196, 196, 196, 0.5);
  2605.     border-bottom: 1px solid rgba(150, 150, 150, 0.9);
  2606.     padding: 4px 0 4px 0;
  2607.     border-radius: 4px;
  2608.     background-color: white;
  2609.     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  2610. }
  2611.  
  2612. .soft-context-menu-item {
  2613.     width: 100%;
  2614.     line-height: 13px;
  2615.     font-size: 14px;
  2616.     border-top: 1px solid transparent;
  2617.     border-bottom: 1px solid transparent;
  2618.     padding: 1px 7px 3px 6px;
  2619.     margin: 0 13px 0 0;
  2620.     white-space: nowrap;
  2621. }
  2622.  
  2623. .soft-context-menu-separator {
  2624.     height: 10px;
  2625.     margin: 0 1px;
  2626. }
  2627.  
  2628. .soft-context-menu-separator > .separator-line {
  2629.     margin: 0;
  2630.     height: 5px;
  2631.     border-bottom: 1px solid rgb(227, 227, 227);
  2632.     pointer-events: none;
  2633. }
  2634.  
  2635. .soft-context-menu-item-mouse-over {
  2636.     border-top: 1px solid rgb(56, 121, 217);
  2637.     border-bottom: 1px solid rgb(56, 121, 217);
  2638.     background-color: rgb(56, 121, 217);
  2639.     color: white;
  2640. }
  2641.  
  2642. body.platform-mac .soft-context-menu-item-mouse-over {
  2643.     border-top: 1px solid rgb(90, 131, 236);
  2644.     border-bottom: 1px solid rgb(18, 88, 233);
  2645.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(100, 140, 243)), to(rgb(36, 101, 243)));
  2646. }
  2647.  
  2648. .soft-context-menu-item-checkmark {
  2649.     color: rgb(108, 108, 108);
  2650.     pointer-events: none;
  2651. }
  2652.  
  2653. .soft-context-menu-item-submenu-arrow {
  2654.     color: black;
  2655.     float: right;
  2656.     pointer-events: none;
  2657. }
  2658.  
  2659. .soft-context-menu-item-mouse-over .soft-context-menu-item-checkmark {
  2660.     color: white;
  2661. }
  2662.  
  2663. .search-view {
  2664.     position: absolute;
  2665.     top: 0;
  2666.     bottom: 0;
  2667.     left: 0;
  2668.     right: 0;
  2669. }
  2670.  
  2671. .search-drawer-header input[type="search"].search-config-search {
  2672.     font-size: 11px;
  2673.     margin-left: 4px;
  2674.     color: #303030;
  2675.     position: relative;
  2676. }
  2677.  
  2678. body.platform-mac .search-drawer-header input[type="search"].search-config-search {
  2679.     top: 1px;
  2680. }
  2681.  
  2682. .search-drawer-header label.search-config-label {
  2683.     margin-left: 8px;
  2684.     color: #303030;
  2685. }
  2686.  
  2687. .search-drawer-header input[type="checkbox"].search-config-checkbox {
  2688.     vertical-align: bottom;
  2689. }
  2690.  
  2691. body:not(.platform-mac) .search-drawer-header input[type="checkbox"].search-config-checkbox {
  2692.     margin-bottom: 5px;
  2693. }
  2694.  
  2695. body.platform-mac .search-drawer-header input[type="checkbox"].search-config-checkbox {
  2696.     margin-bottom: 4px;
  2697. }
  2698.  
  2699. .drawer-header {
  2700.     font-size: 11px;
  2701.     border-right: 1px solid rgb(197, 197, 197);
  2702.     line-height: 23px;
  2703.     padding-left: 6px;
  2704.     display: inline-block;
  2705. }
  2706.  
  2707. .drawer-header-close-button {
  2708.     font-family: Arial, monospace;
  2709.     padding: 3px 8px;
  2710.     font-size: 14px;
  2711.     color:rgb(80, 80, 80);
  2712.     opacity: 0.5;
  2713.     position: relative;
  2714.     top: 1px;
  2715. }
  2716.  
  2717. .drawer-header-close-button:hover {
  2718.     opacity: 1;
  2719. }
  2720.  
  2721. .drawer-header-close-button:active {
  2722.     opacity: 0.7;
  2723. }
  2724.  
  2725. #bottom-status-bar-container {
  2726.     -webkit-flex: 1 1 0;
  2727.     width: 0;
  2728.     overflow: hidden;
  2729. }
  2730.  
  2731. .search-status-bar-item {
  2732.     display: inline-block;
  2733.     cursor: pointer;
  2734.     font-size: 11px;
  2735.     height: 23px;
  2736. }
  2737.  
  2738. .search-status-bar-message {
  2739.     margin-left:5px;
  2740.     margin-right:5px;
  2741.     margin-top:5px;
  2742.     float:left;
  2743. }
  2744.  
  2745. .progress-bar-stop-button-item {
  2746.     width: 19px;
  2747.     height: 24px;
  2748.     overflow: hidden;
  2749. }
  2750.  
  2751. .progress-bar-stop-button .glyph {
  2752.     -webkit-mask-position: -96px -48px;
  2753.     background-color: rgb(216, 0, 0) !important;
  2754. }
  2755.  
  2756. .search-results-status-bar-message {
  2757.     margin-right: 10px;
  2758.     cursor: default;
  2759.     font-size: 11px;
  2760.     float: right;
  2761.     margin-top: 5px;
  2762. }
  2763.  
  2764. .search-view .search-results {
  2765.     position: absolute;
  2766.     top: 0;
  2767.     bottom: 0;
  2768.     left: 0;
  2769.     right: 0;
  2770.     overflow-y: auto;
  2771. }
  2772.  
  2773. #search-results-pane-file-based li {
  2774.     list-style: none;
  2775. }
  2776.  
  2777. #search-results-pane-file-based ol {
  2778.     -webkit-padding-start: 0;
  2779.     margin-top: 0;
  2780. }
  2781.  
  2782. #search-results-pane-file-based ol.children {
  2783.     display: none;
  2784. }
  2785.  
  2786. #search-results-pane-file-based ol.children.expanded {
  2787.     display: block;
  2788. }
  2789.  
  2790. #search-results-pane-file-based li.parent::before {
  2791.     content: url(Images/treeRightTriangleBlack.png);
  2792.     position: relative;
  2793.     left: -4px;
  2794. }
  2795.  
  2796. #search-results-pane-file-based li.parent.expanded::before {
  2797.     content: url(Images/treeDownTriangleBlack.png);
  2798. }
  2799.  
  2800. #search-results-pane-file-based .search-result {
  2801.     font-size: 11px;
  2802.     padding: 2px 0 2px 10px;
  2803.     word-wrap: normal;
  2804.     white-space: pre;
  2805.     cursor: pointer;
  2806. }
  2807.  
  2808. #search-results-pane-file-based .search-result:hover {
  2809.     background-color: rgba(121, 121, 121, 0.1);
  2810. }
  2811.  
  2812. #search-results-pane-file-based .search-result .search-result-file-name {
  2813.     font-weight: bold;
  2814.     color: #222;
  2815. }
  2816.  
  2817. #search-results-pane-file-based .search-result .search-result-matches-count {
  2818.     margin-left: 5px;
  2819.     color: #333;
  2820. }
  2821.  
  2822. #search-results-pane-file-based .show-more-matches {
  2823.     padding: 4px 0;
  2824.     color: #333;
  2825.     cursor: pointer;
  2826.     font-size: 11px;
  2827.     margin-left: 20px;
  2828. }
  2829.  
  2830. #search-results-pane-file-based .show-more-matches:hover {
  2831.     text-decoration: underline;
  2832. }
  2833.  
  2834. #search-results-pane-file-based .search-match {
  2835.     word-wrap: normal;
  2836.     white-space: pre;
  2837. }
  2838.  
  2839. #search-results-pane-file-based .search-match .webkit-line-number.search-match-line-number {
  2840.     margin-right: 5px;
  2841.     border-right: 1px solid #BBB;
  2842. }
  2843.  
  2844. #search-results-pane-file-based .search-match:not(:hover) .webkit-line-number.search-match-line-number {
  2845.     background-color: #F0F0F0;
  2846. }
  2847.  
  2848. #search-results-pane-file-based .search-match:hover {
  2849.     background-color: rgba(56, 121, 217, 0.1);
  2850. }
  2851.  
  2852. #search-results-pane-file-based .search-match .highlighted-match {
  2853.     background-color: #F1EA00;
  2854. }
  2855.  
  2856. #search-results-pane-file-based a {
  2857.     text-decoration: none;
  2858.     display: block;
  2859. }
  2860.  
  2861. #search-results-pane-file-based .search-match .search-match-content {
  2862.     color: #000;
  2863. }
  2864.  
  2865. .record-cpu-profile-status-bar-item .glyph, .record-profile-status-bar-item .glyph {
  2866.     -webkit-mask-position: -288px 0;
  2867. }
  2868.  
  2869. .record-cpu-profile-status-bar-item.toggled-on .glyph, .record-profile-status-bar-item.toggled-on .glyph {
  2870.     -webkit-mask-position: -288px -24px;
  2871.     background-color: rgb(216, 0, 0) !important;
  2872. }
  2873.  
  2874. .storage-empty-view, .storage-view .storage-table-error {
  2875.     position: absolute;
  2876.     top: 0;
  2877.     bottom: 25%;
  2878.     left: 0;
  2879.     right: 0;
  2880.     font-size: 24px;
  2881.     color: rgb(75%, 75%, 75%);
  2882.     margin-top: auto;
  2883.     margin-bottom: auto;
  2884.     height: 50px;
  2885.     line-height: 26px;
  2886.     text-align: center;
  2887.     font-weight: bold;
  2888.     padding: 10px;
  2889.     white-space: pre-wrap;
  2890. }
  2891.  
  2892. /* Generic suggest box style */
  2893.  
  2894. .suggest-box.generic-suggest {
  2895.     margin-left: -1px;
  2896.     border-color: rgb(66%, 66%, 66%);
  2897. }
  2898.  
  2899. .suggest-box.generic-suggest.above-anchor {
  2900.    border-radius: 5px 5px 5px 0;
  2901. }
  2902.  
  2903. .suggest-box.generic-suggest.under-anchor {
  2904.    border-radius: 0 5px 5px 5px;
  2905. }
  2906.  
  2907. /* Custom popup scrollers */
  2908.  
  2909. .custom-popup-horizontal-scroll ::-webkit-scrollbar, .custom-popup-vertical-scroll ::-webkit-scrollbar {
  2910.     width: 11px;
  2911.     height: 11px;
  2912. }
  2913.  
  2914. .custom-popup-horizontal-scroll ::-webkit-scrollbar-corner, .custom-popup-vertical-scroll ::-webkit-scrollbar-corner {
  2915.     display: none;
  2916. }
  2917.  
  2918. .custom-popup-horizontal-scroll ::-webkit-resizer, .custom-popup-vertical-scroll ::-webkit-resizer {
  2919.     display: none;
  2920. }
  2921.  
  2922. .custom-popup-horizontal-scroll ::-webkit-scrollbar-button, .custom-popup-vertical-scroll ::-webkit-scrollbar-button {
  2923.     display: none;
  2924. }
  2925.  
  2926. /* Custom Horizontal Scrollbar Styles */
  2927.  
  2928. .custom-popup-horizontal-scroll ::-webkit-scrollbar:horizontal:corner-present {
  2929.     border-right-width: 0;
  2930. }
  2931.  
  2932. .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal {
  2933.     -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11;
  2934.     border-color: transparent;
  2935.     border-width: 0 11px;
  2936.     min-width: 20px;
  2937. }
  2938.  
  2939. .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover {
  2940.     -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11;
  2941. }
  2942.  
  2943. .custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active {
  2944.     -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11;
  2945. }
  2946.  
  2947. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:start {
  2948.     margin-left: 5px;
  2949. }
  2950.  
  2951. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end {
  2952.     margin-right: 5px;
  2953. }
  2954.  
  2955. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end:corner-present {
  2956.     margin-right: 4px;
  2957. }
  2958.  
  2959. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement {
  2960.     -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11;
  2961.     border-color: transparent;
  2962.     border-width: 0 0 0 11px;
  2963. }
  2964.  
  2965. .custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment {
  2966.     -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11;
  2967.     border-color: transparent;
  2968.     border-width: 0 11px 0 0;
  2969. }
  2970.  
  2971. /* Custom Vertical Scrollbar Styles */
  2972.  
  2973. .custom-popup-vertical-scroll ::-webkit-scrollbar:vertical:corner-present {
  2974.     border-bottom-width: 0;
  2975. }
  2976.  
  2977. .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical {
  2978.     -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0;
  2979.     border-color: transparent;
  2980.     border-width: 11px 0;
  2981.     min-height: 20px;
  2982. }
  2983.  
  2984. .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover {
  2985.     -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0;
  2986. }
  2987.  
  2988. .custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active {
  2989.     -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0;
  2990. }
  2991.  
  2992. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:start {
  2993.     margin-top: 5px;
  2994. }
  2995.  
  2996. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:end {
  2997.     margin-bottom: 5px;
  2998. }
  2999.  
  3000. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:end:corner-present {
  3001.     margin-bottom: 4px;
  3002. }
  3003.  
  3004. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement {
  3005.     -webkit-border-image: url(Images/trackVert.png) 11 0 11 0;
  3006.     border-color: transparent;
  3007.     border-width: 11px 0 0 0;
  3008. }
  3009.  
  3010. .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment {
  3011.     -webkit-border-image: url(Images/trackVert.png) 11 0 11 0;
  3012.     border-color: transparent;
  3013.     border-width: 0 0 11px 0;
  3014. }
  3015.  
  3016. .console-context {
  3017.     max-width: 200px;
  3018. }
  3019.  
  3020. .inspector-footer {
  3021.     position: absolute;
  3022.     bottom: 0;
  3023.     left: 0;
  3024.     right: 0;
  3025.     font-size: 11px;
  3026.     height: auto;
  3027. }
  3028.  
  3029. .progress-bar-container {
  3030.     display: -webkit-flex;
  3031.     margin: 0 8px;
  3032.     -webkit-flex: 1 0;
  3033. }
  3034.  
  3035. .progress-bar-container span {
  3036.     padding: 6px;
  3037. }
  3038.  
  3039. .progress-bar-container progress {
  3040.     margin-top: 7px;
  3041.     -webkit-flex: 1 0;
  3042. }
  3043.  
  3044. body.platform-mac .progress-bar-container progress {
  3045.     margin-top: 6px;
  3046. }
  3047.  
  3048. .progress-bar-container button.status-bar-item {
  3049.     border-left: none;
  3050.     margin-top: 1px;
  3051. }
  3052.  
  3053. /* inspectorCommon.css */
  3054.  
  3055. html {
  3056.     height: 100%;
  3057. }
  3058.  
  3059. body {
  3060.     cursor: default;
  3061.     position: absolute;
  3062.     top: 0;
  3063.     bottom: 0;
  3064.     left: 0;
  3065.     right: 0;
  3066.     overflow: hidden;
  3067.     font-family: Lucida Grande, sans-serif;
  3068.     font-size: 10px;
  3069.     margin: 0;
  3070.     tab-size: 4;
  3071.     -webkit-user-select: none;
  3072. }
  3073.  
  3074. body.dock-to-right:not(.undocked) {
  3075.     border-left: 1px solid rgb(80, 80, 80);
  3076. }
  3077.  
  3078. body.dock-to-right.inactive:not(.undocked) {
  3079.     border-left: 1px solid rgb(64%, 64%, 64%);
  3080. }
  3081.  
  3082. * {
  3083.     -webkit-box-sizing: border-box;
  3084. }
  3085.  
  3086. :focus {
  3087.     outline: none;
  3088. }
  3089.  
  3090. img {
  3091.     -webkit-user-drag: none;
  3092. }
  3093.  
  3094. iframe, a img {
  3095.     border: none;
  3096. }
  3097.  
  3098. iframe.view {
  3099.     position: absolute;
  3100.     width: 100%;
  3101.     height: 100%;
  3102.     left: 0;
  3103.     right: 0;
  3104.     top: 0;
  3105.     bottom: 0;
  3106. }
  3107.  
  3108. .hidden {
  3109.     display: none !important;
  3110. }
  3111.  
  3112. .monospace {
  3113.     font-size: 10px !important;
  3114.     font-family: monospace;
  3115. }
  3116.  
  3117. .resources-dividers {
  3118.     position: absolute;
  3119.     left: 0;
  3120.     right: 0;
  3121.     height: 100%;
  3122.     top: 0;
  3123.     z-index: -100;
  3124. }
  3125.  
  3126. .resources-event-dividers {
  3127.     position: absolute;
  3128.     left: 0;
  3129.     right: 0;
  3130.     height: 100%;
  3131.     top: 0;
  3132.     z-index: 300;
  3133.     pointer-events: none;
  3134. }
  3135.  
  3136. .resources-dividers-label-bar {
  3137.     position: absolute;
  3138.     top: 0;
  3139.     left: 0px;
  3140.     right: 0;
  3141.     background-color: rgba(255, 255, 255, 0.8);
  3142.     background-clip: padding;
  3143.     border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  3144.     height: 20px;
  3145.     z-index: 200;
  3146.     pointer-events: none;
  3147. }
  3148.  
  3149. .resources-divider {
  3150.     position: absolute;
  3151.     width: 1px;
  3152.     top: 0;
  3153.     bottom: 0;
  3154.     background-color: rgba(0, 0, 0, 0.1);
  3155. }
  3156.  
  3157. .resources-event-divider-padding {
  3158.     position: absolute;
  3159.     width: 8px;
  3160.     top: 0;
  3161.     bottom: 0;
  3162.     pointer-events: auto;
  3163. }
  3164.  
  3165. .resources-event-divider {
  3166.     position: absolute;
  3167.     width: 2px;
  3168.     top: 0;
  3169.     bottom: 0;
  3170.     z-index: 300;
  3171. }
  3172.  
  3173. .resources-divider-label {
  3174.     position: absolute;
  3175.     top: 4px;
  3176.     right: 3px;
  3177.     font-size: 9px;
  3178.     color: rgb(50%, 50%, 50%);
  3179.     white-space: nowrap;
  3180. }
  3181.  
  3182.  
  3183. /* Network timing is shared between popover and network item view pane */
  3184.  
  3185. .network-timing-row {
  3186.     position: relative;
  3187.     height: 16px;
  3188. }
  3189.  
  3190. .network-timing-bar {
  3191.     position: absolute;
  3192.     background-color: red;
  3193.     border-left: 1px solid red;
  3194.     opacity: 0.4;
  3195.     top: 0;
  3196.     bottom: 0;
  3197. }
  3198.  
  3199. .network-timing-bar-title {
  3200.     position: absolute;
  3201.     color: black;
  3202.     top: 1px;
  3203. }
  3204.  
  3205. .webkit-search-result {
  3206.     -webkit-border-radius: 4px;
  3207.     padding: 2px 2px 2px 3px;
  3208.     margin: -2px -2px -2px -3px;
  3209.     opacity: 0.8;
  3210.     -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
  3211.     background-color: rgb(241, 234, 0);
  3212.     color: black;
  3213. }
  3214.  
  3215. .sidebar-separator {
  3216.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
  3217.     padding: 0 5px;
  3218.     border-top: 1px solid rgb(189, 189, 189);
  3219.     border-bottom: 1px solid rgb(189, 189, 189);
  3220.     color: rgb(110, 110, 110);
  3221.     text-shadow: white 0 1px 0;
  3222.     white-space: nowrap;
  3223.     text-overflow: ellipsis;
  3224.     overflow: hidden;
  3225.     font-size: 11px;
  3226. }
  3227.  
  3228. .sidebar-label {
  3229.     font-size: 11px;
  3230. }
  3231.  
  3232.  
  3233. /* inspectorSyntaxHighlight.css */
  3234.  
  3235. /*
  3236.  * Copyright (C) 2009 Apple Inc.  All rights reserved.
  3237.  *
  3238.  * Redistribution and use in source and binary forms, with or without
  3239.  * modification, are permitted provided that the following conditions
  3240.  * are met:
  3241.  *
  3242.  * 1.  Redistributions of source code must retain the above copyright
  3243.  *     notice, this list of conditions and the following disclaimer.
  3244.  * 2.  Redistributions in binary form must reproduce the above copyright
  3245.  *     notice, this list of conditions and the following disclaimer in the
  3246.  *     documentation and/or other materials provided with the distribution.
  3247.  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  3248.  *     its contributors may be used to endorse or promote products derived
  3249.  *     from this software without specific prior written permission.
  3250.  *
  3251.  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  3252.  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  3253.  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  3254.  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  3255.  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  3256.  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  3257.  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  3258.  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  3259.  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  3260.  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  3261.  */
  3262.  
  3263. .webkit-css-comment {
  3264.     color: rgb(0, 116, 0);
  3265. }
  3266.  
  3267. .webkit-css-url, .webkit-css-color, .webkit-css-string, .webkit-css-keyword {
  3268.     color: rgb(7, 144, 154);
  3269.  }
  3270.  
  3271. .webkit-css-number {
  3272.     color: rgb(50, 0, 255);
  3273. }
  3274.  
  3275. .webkit-css-property, .webkit-css-at-rule {
  3276.     color: rgb(200, 0, 0);
  3277. }
  3278.  
  3279. .webkit-css-selector {
  3280.     color: black;
  3281. }
  3282.  
  3283. .webkit-css-bang-keyword {
  3284.     color: rgb(200, 0, 180);
  3285. }
  3286.  
  3287. .webkit-javascript-comment {
  3288.     color: rgb(0, 116, 0);
  3289. }
  3290.  
  3291. .webkit-javascript-keyword {
  3292.     color: rgb(170, 13, 145);
  3293. }
  3294.  
  3295. .webkit-javascript-number {
  3296.     color: rgb(28, 0, 207);
  3297. }
  3298.  
  3299. .webkit-javascript-string, .webkit-javascript-regexp {
  3300.     color: rgb(196, 26, 22);
  3301. }
  3302.  
  3303. .webkit-javascript-ident {
  3304.     color: black;
  3305. }
  3306.  
  3307. .webkit-html-comment {
  3308.     /* Keep this in sync with view-source.css (.webkit-html-comment) */
  3309.     color: rgb(35, 110, 37);
  3310. }
  3311.  
  3312. .webkit-html-tag {
  3313.     /* Keep this in sync with view-source.css (.webkit-html-tag) */
  3314.     color: rgb(136, 18, 128);
  3315. }
  3316.  
  3317. .webkit-html-doctype {
  3318.     /* Keep this in sync with view-source.css (.webkit-html-doctype) */
  3319.     color: rgb(192, 192, 192);
  3320. }
  3321.  
  3322. .webkit-html-attribute-name {
  3323.     /* Keep this in sync with view-source.css (.webkit-html-attribute-name) */
  3324.     color: rgb(153, 69, 0);
  3325. }
  3326.  
  3327. .webkit-html-attribute-value {
  3328.     /* Keep this in sync with view-source.css (.webkit-html-attribute-value) */
  3329.     color: rgb(26, 26, 166);
  3330. }
  3331.  
  3332. .webkit-html-external-link, .webkit-html-resource-link {
  3333.     /* Keep this in sync with view-source.css (.webkit-html-external-link, .webkit-html-resource-link) */
  3334.     color: #00e;
  3335. }
  3336.  
  3337. .webkit-html-external-link {
  3338.     /* Keep this in sync with view-source.css (.webkit-html-external-link) */
  3339.     text-decoration: none;
  3340. }
  3341.  
  3342. .webkit-html-external-link:hover {
  3343.     /* Keep this in sync with view-source.css (.webkit-html-external-link:hover) */
  3344.     text-decoration: underline;
  3345. }
  3346.  
  3347. /* popover.css */
  3348.  
  3349. .popover {
  3350.     position: absolute;
  3351.     -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25;
  3352.     border-width: 25px;
  3353.     z-index: 100;
  3354.     pointer-events: none;
  3355. }
  3356.  
  3357. .popover .content {
  3358.     position: absolute;
  3359.     top: 0;
  3360.     bottom: 0;
  3361.     left: 0;
  3362.     right: 0;
  3363.     pointer-events: auto;
  3364.     overflow: auto;
  3365.     -webkit-user-select: text;
  3366. }
  3367.  
  3368. .popover .content.fixed-height {
  3369.     overflow: hidden;
  3370. } 
  3371.  
  3372. .popover .arrow {
  3373.     position: absolute;
  3374.     background-image: url(Images/popoverArrows.png);
  3375.     width: 19px;
  3376.     height: 19px;
  3377.     margin-left: 15px;
  3378.     margin-top: -25px;
  3379.     top: 0;
  3380.     left: 0;
  3381. }
  3382.  
  3383. .popover.top-left-arrow .arrow {
  3384.     /* The default is top-left, no styles needed. */
  3385. }
  3386.  
  3387. .popover.top-right-arrow .arrow {
  3388.     right: 25px;
  3389.     left: auto;
  3390. }
  3391.  
  3392. .popover.bottom-left-arrow .arrow {
  3393.     top: auto;
  3394.     bottom: 0;
  3395.     margin-top: 0;
  3396.     margin-bottom: -25px;
  3397.     background-position: 0 -19px;
  3398. }
  3399.  
  3400. .popover.bottom-right-arrow .arrow {
  3401.     right: 15px;
  3402.     left: auto;
  3403.     top: auto;
  3404.     bottom: 0;
  3405.     margin-top: 0;
  3406.     margin-bottom: -25px;
  3407.     background-position: 0 -19px;
  3408. }
  3409.  
  3410. .popover.left-top-arrow .arrow {
  3411.     top: 0;
  3412.     margin-top: 15px;
  3413.     margin-left: -25px;
  3414.     background-position: 0 -38px;
  3415. }
  3416.  
  3417. .popover.left-bottom-arrow .arrow {
  3418.     top: auto;
  3419.     bottom: 0;
  3420.     margin-bottom: 15px;
  3421.     margin-left: -25px;
  3422.     background-position: 0 -38px;
  3423. }
  3424.  
  3425. .popover.right-top-arrow .arrow {
  3426.     right: 0;
  3427.     left: auto;
  3428.     top: 0;
  3429.     margin-top: 15px;
  3430.     margin-right: -25px;
  3431.     background-position: 0 -57px;
  3432. }
  3433.  
  3434. .popover.right-bottom-arrow .arrow {
  3435.     right: 0;
  3436.     left: auto;
  3437.     top: auto;
  3438.     bottom: 0;
  3439.     margin-bottom: 15px;
  3440.     margin-right: -25px;
  3441.     background-position: 0 -57px;
  3442. }
  3443.  
  3444. /* devTools.css */
  3445.  
  3446. .data-grid table {
  3447.     line-height: 120%;
  3448. }
  3449.  
  3450. body.compact #toolbar {
  3451.     height: 34px;
  3452.     border-top: 1px solid rgb(100, 100, 100);
  3453.     cursor: default; /* overriden */
  3454.     padding-left: 0;
  3455. }
  3456.  
  3457. /* Chrome theme overrides */
  3458.  
  3459. body.compact.platform-mac #toolbar {
  3460.   /* Match Chrome's toolbar. */
  3461.   background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(230, 229, 229)), to(rgb(206, 207, 207))) !important;
  3462.   border-top-color: white;
  3463.   border-bottom-color: rgb(122, 122, 122);
  3464. }
  3465.  
  3466. body.compact.platform-mac.inactive #toolbar {
  3467.   background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(235, 235, 235)), to(rgb(216, 216, 216))) !important;
  3468.   border-bottom-color: rgb(142, 142, 142);
  3469. }
  3470.  
  3471. body.platform-mac.inactive #toolbar .toolbar-label {
  3472.   opacity: 0.8;
  3473. }
  3474.  
  3475. body.platform-windows #toolbar, body.platform-windows.inactive #toolbar {
  3476.     background-image: none;
  3477. }
  3478.  
  3479. body.detached.platform-mac-leopard #toolbar {
  3480.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important;
  3481. }
  3482.  
  3483. body.detached.platform-mac-leopard.inactive #toolbar {
  3484.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important;
  3485. }
  3486.  
  3487. body.detached.platform-mac-snowleopard #toolbar {
  3488.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important;
  3489. }
  3490.  
  3491. body.detached.platform-mac-snowleopard.inactive #toolbar {
  3492.     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important;
  3493. }
  3494.  
  3495. body.platform-linux #scripts-files {
  3496.     font-size: 11px;
  3497.     font-weight: normal;
  3498.     line-height: 12px;
  3499. }
  3500.  
  3501. .console-group-messages .section > .header {
  3502.     padding: 0 8px 0 0;
  3503.     background-image: none;
  3504.     border: none;
  3505.     min-height: 0;
  3506. }
  3507.  
  3508. #resources-filter {
  3509.     background: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(233, 233, 233)));
  3510. }
  3511.  
  3512. .crumbs .crumb {
  3513.     -webkit-border-image: url(Images/segmentChromium.png) 0 12 0 2;
  3514.     margin-right: -3px;
  3515.     padding-left: 6px;
  3516. }
  3517.  
  3518. .crumbs .crumb.selected {
  3519.     -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2;
  3520.     color: white;
  3521.     text-shadow: rgba(255, 255, 255, 0.5) 0 0px 0;
  3522. }
  3523.  
  3524. .crumbs .crumb.selected:hover {
  3525.     -webkit-border-image: url(Images/segmentSelectedChromium.png) 0 12 0 2;
  3526. }
  3527.  
  3528. .crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
  3529.     -webkit-border-image: url(Images/segmentSelectedEndChromium.png) 0 2 0 2;
  3530. }
  3531.  
  3532. .crumbs .crumb:hover {
  3533.     -webkit-border-image: url(Images/segmentHoverChromium.png) 0 12 0 2;
  3534. }
  3535.  
  3536. .crumbs .crumb.end:hover {
  3537.     -webkit-border-image: url(Images/segmentHoverEndChromium.png) 0 2 0 2;
  3538. }
  3539.  
  3540. .status-bar {
  3541.     background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235));
  3542. }
  3543.  
  3544. .scope-bar li.selected {
  3545.     -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
  3546. }
  3547.  
  3548. .scope-bar li:active {
  3549.     -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
  3550. }
  3551.  
  3552. .timeline-category-statusbar-item input {
  3553.     vertical-align: middle;
  3554. }
  3555.  
  3556.